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

[Alexander Mikhaylenko <alexm src gnome org>]

commit c4716f4e94d14f0b606dc457fdb778899d6fa872
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Apr 9 13:59:05 2021 +0500

    stylesheet: Split file chooser styles into a separate file

 src/stylesheet/_common.scss               | 58 -------------------------------
 src/stylesheet/_widgets.scss              |  1 +
 src/stylesheet/meson.build                |  1 +
 src/stylesheet/widgets/_file-chooser.scss | 52 +++++++++++++++++++++++++++
 4 files changed, 54 insertions(+), 58 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index 3d0ecd4..c2edc76 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -432,64 +432,6 @@ window.dialog.message { // Message Dialog styling
 }
 
 
-/****************
- * File chooser *
- ****************/
-
-placesview {
-  .server-list-button > image {
-    transition: 200ms $ease-out-quad;
-    -gtk-icon-transform: rotate(0turn);
-  }
-
-  .server-list-button:checked > image {
-    transition: 200ms $ease-out-quad;
-    -gtk-icon-transform: rotate(-0.5turn);
-  }
-
-  row.activatable:hover {  }
-
-  > actionbar > revealer > box  > box{
-    border-spacing: 6px;
-  }
-}
-
-filechooser {
-  .dialog-action-box {
-    border-top: 1px solid $borders_color;
-  }
-
-  #pathbarbox { border-bottom: 1px solid $bg_color; }
-
-  pathbar > button {
-    &.text-button, &.image-button, & {
-      padding-left: 4px;
-      padding-right: 4px;
-    }
-
-    &.text-button.image-button label {
-      padding-left: 0;
-      padding-right: 0;
-    }
-
-    &.text-button.image-button, & {
-      label:last-child { padding-right: 8px; }
-      label:first-child { padding-left: 8px; }
-    }
-
-    image {
-      padding-left: 4px;
-      padding-right: 4px;
-    }
-
-    &.slider-button {
-      padding-left: 0;
-      padding-right: 0;
-    }
-  }
-}
-
-
 /**************
  * GtkVideo *
  **************/
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index d410769..7416c0f 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -3,6 +3,7 @@
 @import 'widgets/color-chooser';
 @import 'widgets/dropdowns';
 @import 'widgets/entries';
+@import 'widgets/file-chooser';
 @import 'widgets/header-bar';
 @import 'widgets/level-bar';
 @import 'widgets/links';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index 1899fe8..48aaa2a 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -25,6 +25,7 @@ if not fs.exists('Adwaita-light.css')
       'widgets/_color-chooser.scss',
       'widgets/_dropdowns.scss',
       'widgets/_entries.scss',
+      'widgets/_file-chooser.scss',
       'widgets/_header-bar.scss',
       'widgets/_level-bar.scss',
       'widgets/_links.scss',
diff --git a/src/stylesheet/widgets/_file-chooser.scss b/src/stylesheet/widgets/_file-chooser.scss
new file mode 100644
index 0000000..c7d5936
--- /dev/null
+++ b/src/stylesheet/widgets/_file-chooser.scss
@@ -0,0 +1,52 @@
+placesview {
+  .server-list-button > image {
+    transition: 200ms $ease-out-quad;
+    -gtk-icon-transform: rotate(0turn);
+  }
+
+  .server-list-button:checked > image {
+    transition: 200ms $ease-out-quad;
+    -gtk-icon-transform: rotate(-0.5turn);
+  }
+
+  row.activatable:hover {  }
+
+  > actionbar > revealer > box  > box{
+    border-spacing: 6px;
+  }
+}
+
+filechooser {
+  .dialog-action-box {
+    border-top: 1px solid $borders_color;
+  }
+
+  #pathbarbox { border-bottom: 1px solid $bg_color; }
+
+  pathbar > button {
+    &.text-button, &.image-button, & {
+      padding-left: 4px;
+      padding-right: 4px;
+    }
+
+    &.text-button.image-button label {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    &.text-button.image-button, & {
+      label:last-child { padding-right: 8px; }
+      label:first-child { padding-left: 8px; }
+    }
+
+    image {
+      padding-left: 4px;
+      padding-right: 4px;
+    }
+
+    &.slider-button {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}