[gnome-shell] theme: Move accessibility-related selectors into _a11y.scss
- From: Florian Müllner <fmuellner src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell] theme: Move accessibility-related selectors into _a11y.scss
- Date: Thu, 13 Feb 2020 19:55:44 +0000 (UTC)
commit 65b1e04f13b40a3c0a569d4ff1294b189e18dccb
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
data/theme/gnome-shell-sass/_widgets.scss | 1 +
data/theme/gnome-shell-sass/widgets/_a11y.scss | 24 ++++++++++++++++++++++
.../gnome-shell-sass/widgets/_corner-ripple.scss | 9 --------
data/theme/gnome-shell-sass/widgets/_misc.scss | 15 --------------
data/theme/meson.build | 1 +
5 files changed, 26 insertions(+), 24 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_widgets.scss b/data/theme/gnome-shell-sass/_widgets.scss
index 48d440f588..5df4ecd612 100644
--- a/data/theme/gnome-shell-sass/_widgets.scss
+++ b/data/theme/gnome-shell-sass/_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/data/theme/gnome-shell-sass/widgets/_a11y.scss b/data/theme/gnome-shell-sass/widgets/_a11y.scss
new file mode 100644
index 0000000000..31b5c4b7e2
--- /dev/null
+++ b/data/theme/gnome-shell-sass/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/data/theme/gnome-shell-sass/widgets/_corner-ripple.scss
b/data/theme/gnome-shell-sass/widgets/_corner-ripple.scss
index fb022e407f..9137b67cad 100644
--- a/data/theme/gnome-shell-sass/widgets/_corner-ripple.scss
+++ b/data/theme/gnome-shell-sass/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/data/theme/gnome-shell-sass/widgets/_misc.scss b/data/theme/gnome-shell-sass/widgets/_misc.scss
index fd6613dae9..554a316123 100644
--- a/data/theme/gnome-shell-sass/widgets/_misc.scss
+++ b/data/theme/gnome-shell-sass/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;
diff --git a/data/theme/meson.build b/data/theme/meson.build
index 6305b590f9..fdcb69fce5 100644
--- a/data/theme/meson.build
+++ b/data/theme/meson.build
@@ -6,6 +6,7 @@ theme_sources = files([
'gnome-shell-sass/_drawing.scss',
'gnome-shell-sass/_high-contrast-colors.scss',
'gnome-shell-sass/_widgets.scss',
+ 'gnome-shell-sass/widgets/_a11y.scss',
'gnome-shell-sass/widgets/_app-grid.scss',
'gnome-shell-sass/widgets/_app-switcher.scss',
'gnome-shell-sass/widgets/_base.scss',
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]