[gnome-shell-sass] theme: Move accessibility-related selectors into _a11y.scss



commit 00efa7a8b789eb69e2e0ede256504d1da120a6ed
Author: nana-4 <hnmaigo gmail com>
Date:   Mon Jan 20 01:41:44 2020 +0900

    theme: Move accessibility-related selectors into _a11y.scss
    
    Since we have several accessibility-related selectors, it makes sense
    to collect them in one stylesheet.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/938

 _widgets.scss               |  1 +
 widgets/_a11y.scss          | 24 ++++++++++++++++++++++++
 widgets/_corner-ripple.scss |  9 ---------
 widgets/_misc.scss          | 15 ---------------
 4 files changed, 25 insertions(+), 24 deletions(-)
---
diff --git a/_widgets.scss b/_widgets.scss
index 48d440f..5df4ecd 100644
--- a/_widgets.scss
+++ b/_widgets.scss
@@ -40,6 +40,7 @@
 @import 'widgets/app-grid';
 @import 'widgets/dash';
 // A11y / misc
+@import 'widgets/a11y';
 @import 'widgets/misc';
 @import 'widgets/tiled-previews';
 @import 'widgets/keyboard';
diff --git a/widgets/_a11y.scss b/widgets/_a11y.scss
new file mode 100644
index 0000000..31b5c4b
--- /dev/null
+++ b/widgets/_a11y.scss
@@ -0,0 +1,24 @@
+// Pointer location
+.ripple-pointer-location {
+  width: $ripple_size;
+  height: $ripple_size;
+  border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve
+  background-color: lighten(transparentize($selected_bg_color, 0.7), 30%);
+  box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
+}
+
+// Pointer accessibility notifications
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: $selected_bg_color;
+  -pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
+}
+
+// Screen zoom/Magnifier
+.magnifier-zoom-region {
+  border: 2px solid $selected_bg_color;
+
+  &.full-screen { border-width: 0; }
+}
diff --git a/widgets/_corner-ripple.scss b/widgets/_corner-ripple.scss
index fb022e4..9137b67 100644
--- a/widgets/_corner-ripple.scss
+++ b/widgets/_corner-ripple.scss
@@ -13,12 +13,3 @@ $ripple_size: 50px;
   // just a simple change to the border radius position
   &:rtl { border-radius: 0 0 0 $ripple_size + 2px; }
 }
-
-// Pointer location
-.ripple-pointer-location {
-  width: $ripple_size;
-  height: $ripple_size;
-  border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve
-  background-color: lighten(transparentize($selected_bg_color, 0.7), 30%);
-  box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
-}
diff --git a/widgets/_misc.scss b/widgets/_misc.scss
index fd6613d..554a316 100644
--- a/widgets/_misc.scss
+++ b/widgets/_misc.scss
@@ -7,21 +7,6 @@
   border: 1px solid $selected_bg_color;
 }
 
-// Pointer accessibility notifications
-.pie-timer {
-  width: 60px;
-  height: 60px;
-  -pie-border-width: 3px;
-  -pie-border-color: $selected_bg_color;
-  -pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
-}
-
-// Screen zoom/Magnifier
-.magnifier-zoom-region {
-  border: 2px solid $selected_bg_color;
-  &.full-screen { border-width: 0; }
-}
-
 // User icon
 .user-icon {
   background-size: contain;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]