[libadwaita/wip/exalm/stylesheet2: 91/103] stylesheet: Split shortcuts window styles into a separate file

[Alexander Mikhaylenko <alexm src gnome org>]

commit 8c587e5475b8fcb811a4e762d679a744934f8232
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Apr 9 14:06:12 2021 +0500

    stylesheet: Split shortcuts window styles into a separate file

 src/stylesheet/_common.scss                   | 48 ---------------------------
 src/stylesheet/_widgets.scss                  |  1 +
 src/stylesheet/meson.build                    |  1 +
 src/stylesheet/widgets/_shortcuts-window.scss | 44 ++++++++++++++++++++++++
 4 files changed, 46 insertions(+), 48 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index 31b8173..0210d0a 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -431,54 +431,6 @@ cursor-handle {
 }
 
 
-/********************
- * Shortcuts Window *
- ********************/
-shortcuts-section {
-  margin: 20px;
-}
-
-.shortcuts-search-results {
-  margin: 20px;
-  border-spacing: 24px;
-}
-
-// shortcut window keys
-shortcut {
-  border-spacing: 6px;
-
-  > .keycap {
-    min-width: 20px;
-    min-height: 25px;
-    margin-top: 2px;
-    padding-bottom: 3px;
-    padding-left: 6px;
-    padding-right: 6px;
-
-    color: $fg_color;
-    background-color: $base_color;
-    border: 1px solid;
-    border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color);
-    border-radius: 5px;
-    box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px 
mix($borders_color, $base_color, 60%));
-    font-size: smaller;
-  }
-}
-
-stackswitcher > button.text-button { min-width: 100px; } // FIXME aggregate with buttons
-
-stackswitcher.circular {
-  border-spacing: 12px;
-
-  // FIXME aggregate with buttons
-  > button.circular,
-  > button.text-button.circular {
-    min-width: 32px;
-    min-height: 32px;
-    padding: 0;
-  }
-}
-
 /*************
  * App Icons *
  *************/
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index a198e10..6aeb41b 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -16,6 +16,7 @@
 @import 'widgets/progress-bar';
 @import 'widgets/scale';
 @import 'widgets/scrolling';
+@import 'widgets/shortcuts-window';
 @import 'widgets/sidebars';
 @import 'widgets/spinner';
 @import 'widgets/spin-button';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index 0e4a506..b057a61 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -38,6 +38,7 @@ if not fs.exists('Adwaita-light.css')
       'widgets/_progress-bar.scss',
       'widgets/_scale.scss',
       'widgets/_scrolling.scss',
+      'widgets/_shortcuts-window.scss',
       'widgets/_sidebars.scss',
       'widgets/_spinner.scss',
       'widgets/_spin-button.scss',
diff --git a/src/stylesheet/widgets/_shortcuts-window.scss b/src/stylesheet/widgets/_shortcuts-window.scss
new file mode 100644
index 0000000..06d2ba0
--- /dev/null
+++ b/src/stylesheet/widgets/_shortcuts-window.scss
@@ -0,0 +1,44 @@
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+// shortcut window keys
+shortcut {
+  border-spacing: 6px;
+
+  > .keycap {
+    min-width: 20px;
+    min-height: 25px;
+    margin-top: 2px;
+    padding-bottom: 3px;
+    padding-left: 6px;
+    padding-right: 6px;
+
+    color: $fg_color;
+    background-color: $base_color;
+    border: 1px solid;
+    border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color);
+    border-radius: 5px;
+    box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px 
mix($borders_color, $base_color, 60%));
+    font-size: smaller;
+  }
+}
+
+stackswitcher > button.text-button { min-width: 100px; } // FIXME aggregate with buttons
+
+stackswitcher.circular {
+  border-spacing: 12px;
+
+  // FIXME aggregate with buttons
+  > button.circular,
+  > button.text-button.circular {
+    min-width: 32px;
+    min-height: 32px;
+    padding: 0;
+  }
+}