[libadwaita/wip/exalm/stylesheet2: 79/97] stylesheet: Split paned styles into a separate file

[Alexander Mikhaylenko <alexm src gnome org>]

commit 1ad6141784280202782ffb1c83edf2b62baaf7e5
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Apr 9 13:48:45 2021 +0500

    stylesheet: Split paned styles into a separate file

 src/stylesheet/_common.scss        | 63 --------------------------------------
 src/stylesheet/_widgets.scss       |  1 +
 src/stylesheet/meson.build         |  1 +
 src/stylesheet/widgets/_paned.scss | 58 +++++++++++++++++++++++++++++++++++
 4 files changed, 60 insertions(+), 63 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index f9393cf..23c808c 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -490,69 +490,6 @@ filechooser {
 }
 
 
-/*********
- * Paned *
- *********/
-paned {
-  > separator {
-    min-width: 1px;
-    min-height: 1px;
-    -gtk-icon-source: none; // defeats the ugly default handle decoration
-    border-style: none; // just to be sure
-    background-color: transparent;
-    // workaround, using background instead of a border since the border will get rendered twice (?)
-    background-image: image($borders_color);
-    background-size: 1px 1px;
-
-    &:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
-
-    &.wide {
-      min-width: 5px;
-      min-height: 5px;
-      background-color: $bg_color;
-      background-image: image($borders_color), image($borders_color);
-      background-size: 1px 1px, 1px 1px;
-    }
-  }
-
-  &.horizontal > separator {
-    background-repeat: repeat-y;
-
-    &:dir(ltr) {
-      margin: 0 -8px 0 0;
-      padding: 0 8px 0 0;
-      background-position: left;
-    }
-    &:dir(rtl) {
-      margin: 0 0 0 -8px;
-      padding: 0 0 0 8px;
-      background-position: right;
-    }
-
-    &.wide {
-      margin: 0;
-      padding: 0;
-      background-repeat: repeat-y, repeat-y;
-      background-position: left, right;
-    }
-  }
-
-  &.vertical > separator {
-    margin: 0 0 -8px 0;
-    padding: 0 0 8px 0;
-    background-repeat: repeat-x;
-    background-position: top;
-
-    &.wide {
-      margin: 0;
-      padding: 0;
-      background-repeat: repeat-x, repeat-x;
-      background-position: bottom, top;
-    }
-  }
-}
-
-
 /**************
  * GtkVideo *
  **************/
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index 4081137..8b444ed 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -8,6 +8,7 @@
 @import 'widgets/lists';
 @import 'widgets/menus';
 @import 'widgets/notebook';
+@import 'widgets/paned';
 @import 'widgets/popovers';
 @import 'widgets/progress-bar';
 @import 'widgets/scale';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index b94599a..4301c18 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -30,6 +30,7 @@ if not fs.exists('Adwaita-light.css')
       'widgets/_lists.scss',
       'widgets/_menus.scss',
       'widgets/_notebook.scss',
+      'widgets/_paned.scss',
       'widgets/_popovers.scss',
       'widgets/_progress-bar.scss',
       'widgets/_scale.scss',
diff --git a/src/stylesheet/widgets/_paned.scss b/src/stylesheet/widgets/_paned.scss
new file mode 100644
index 0000000..09f2681
--- /dev/null
+++ b/src/stylesheet/widgets/_paned.scss
@@ -0,0 +1,58 @@
+paned {
+  > separator {
+    min-width: 1px;
+    min-height: 1px;
+    -gtk-icon-source: none; // defeats the ugly default handle decoration
+    border-style: none; // just to be sure
+    background-color: transparent;
+    // workaround, using background instead of a border since the border will get rendered twice (?)
+    background-image: image($borders_color);
+    background-size: 1px 1px;
+
+    &:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
+
+    &.wide {
+      min-width: 5px;
+      min-height: 5px;
+      background-color: $bg_color;
+      background-image: image($borders_color), image($borders_color);
+      background-size: 1px 1px, 1px 1px;
+    }
+  }
+
+  &.horizontal > separator {
+    background-repeat: repeat-y;
+
+    &:dir(ltr) {
+      margin: 0 -8px 0 0;
+      padding: 0 8px 0 0;
+      background-position: left;
+    }
+    &:dir(rtl) {
+      margin: 0 0 0 -8px;
+      padding: 0 0 0 8px;
+      background-position: right;
+    }
+
+    &.wide {
+      margin: 0;
+      padding: 0;
+      background-repeat: repeat-y, repeat-y;
+      background-position: left, right;
+    }
+  }
+
+  &.vertical > separator {
+    margin: 0 0 -8px 0;
+    padding: 0 0 8px 0;
+    background-repeat: repeat-x;
+    background-position: top;
+
+    &.wide {
+      margin: 0;
+      padding: 0;
+      background-repeat: repeat-x, repeat-x;
+      background-position: bottom, top;
+    }
+  }
+}