diff options
| author | nana-4 <hnmaigo@gmail.com> | 2020-01-20 01:41:44 +0900 |
|---|---|---|
| committer | Florian Müllner <fmuellner@gnome.org> | 2020-02-18 00:33:21 +0100 |
| commit | 00efa7a8b789eb69e2e0ede256504d1da120a6ed (patch) | |
| tree | ab3dbd8cf558922e403cc2f800369c04e4fad2e5 | |
| parent | 28525c1401ab10cdd83b79a503c969b9d587f439 (diff) | |
| download | gnome-shell-sass-00efa7a8b789eb69e2e0ede256504d1da120a6ed.tar.gz | |
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
| -rw-r--r-- | _widgets.scss | 1 | ||||
| -rw-r--r-- | widgets/_a11y.scss | 24 | ||||
| -rw-r--r-- | widgets/_corner-ripple.scss | 9 | ||||
| -rw-r--r-- | 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; |