[libadwaita/wip/exalm/stylesheet2: 53/103] stylesheet: Group GtkScrollbar and GtkScrolledWindow styles

[Alexander Mikhaylenko <alexm src gnome org>]

commit ac403b45ca1a7844f1fe66c8354d9a225bc23e05
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Thu Apr 8 22:20:52 2021 +0500

    stylesheet: Group GtkScrollbar and GtkScrolledWindow styles

 src/stylesheet/_common.scss | 81 ++++++++++++++++++++++-----------------------
 1 file changed, 40 insertions(+), 41 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index 75518ff..662daaf 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -2157,9 +2157,9 @@ notebook {
 }
 
 
-/**************
- * Scrollbars *
- **************/
+/*************
+ * Scrolling *
+ *************/
 
 scrollbar {
   $_slider_min_length: 40px;
@@ -2241,6 +2241,43 @@ scrollbar {
   &.vertical > range > trough > slider { min-height: $_slider_min_length; }
 }
 
+scrolledwindow {
+  // This is used when content is touch-dragged past boundaries.
+  // draws a box on top of the content, the size changes programmatically.
+  > overshoot {
+    &.top {
+      @include overshoot(top);
+    }
+
+    &.bottom {
+      @include overshoot(bottom);
+    }
+
+    &.left {
+      @include overshoot(left);
+    }
+
+    &.right {
+      @include overshoot(right);
+    }
+  }
+
+  > junction { // the small square between two scrollbars
+    // Only color the top-left (or top right in RTL) pixel, to visually connect
+    // the borders of the two scrollbars.
+
+    background: $borders_color,
+                linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px),
+                linear-gradient(to right, transparent 1px, $scrollbar_bg_color 1px);
+
+    &:dir(rtl) {
+      background: $borders_color,
+                  linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px),
+                  linear-gradient(to left, transparent 1px, $scrollbar_bg_color 1px);
+    }
+  }
+}
+
 /**********
  * Switch *
  **********/
@@ -3055,7 +3092,6 @@ window.dialog.print {
       color: #2e3436;
       border: 1px solid $borders_color;
     }
-
   }
 
   .dialog-action-box { margin: 12px; }
@@ -3078,43 +3114,6 @@ frame {
   }
 }
 
-scrolledwindow {
-  // This is used when content is touch-dragged past boundaries.
-  // draws a box on top of the content, the size changes programmatically.
-  > overshoot {
-    &.top {
-      @include overshoot(top);
-    }
-
-    &.bottom {
-      @include overshoot(bottom);
-    }
-
-    &.left {
-      @include overshoot(left);
-    }
-
-    &.right {
-      @include overshoot(right);
-    }
-  }
-
-  > junction { // the small square between two scrollbars
-    // Only color the top-left (or top right in RTL) pixel, to visually connect
-    // the borders of the two scrollbars.
-
-    background: $borders_color,
-                linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px),
-                linear-gradient(to right, transparent 1px, $scrollbar_bg_color 1px);
-
-    &:dir(rtl) {
-      background: $borders_color,
-                  linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px),
-                  linear-gradient(to left, transparent 1px, $scrollbar_bg_color 1px);
-    }
-  }
-}
-
 //vbox and hbox separators
 separator {
   background: lighten($borders_color, 5%);