[libadwaita/wip/exalm/stylesheet2: 51/103] stylesheet: Nest progressbar styles more

[Alexander Mikhaylenko <alexm src gnome org>]

commit 0e85b978392b669174df3106b2b4d369eaf55459
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Thu Apr 8 22:15:03 2021 +0500

    stylesheet: Nest progressbar styles more

 src/stylesheet/_common.scss | 53 +++++++++++++++++++++++----------------------
 1 file changed, 27 insertions(+), 26 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index e966c76..91422cd 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -2890,42 +2890,43 @@ progressbar {
   &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough 
border
   &.vertical > trough > progress { margin: -1px 0; }   // this moves it over it.
 
-
   // FIXME: insensitive state missing and some other state should be set probably
   font-size: smaller;
   color: transparentize($fg_color, 0.6);
   font-feature-settings: "tnum";
 
-  > trough { @extend %scale_trough; }
+  > trough {
+    @extend %scale_trough;
 
-  > trough > progress {
-    @extend %scale_highlight; /* share most of scales' */
-    /* override insensitive that is specific to progress */
-    &:disabled {
-      background-color: $insensitive_fg_color;
-      border-color: $insensitive_fg_color;
-    }
+    > progress {
+      @extend %scale_highlight; /* share most of scales' */
+      /* override insensitive that is specific to progress */
+      &:disabled {
+        background-color: $insensitive_fg_color;
+        border-color: $insensitive_fg_color;
+      }
 
-    border-radius: 1.5px;
-    $_progress-radius: 5px;
-    &.left {
-      border-top-left-radius: $_progress-radius;
-      border-bottom-left-radius: $_progress-radius;
-    }
+      border-radius: 1.5px;
+      $_progress-radius: 5px;
+      &.left {
+        border-top-left-radius: $_progress-radius;
+        border-bottom-left-radius: $_progress-radius;
+      }
 
-    &.right {
-      border-top-right-radius: $_progress-radius;
-      border-bottom-right-radius: $_progress-radius;
-    }
+      &.right {
+        border-top-right-radius: $_progress-radius;
+        border-bottom-right-radius: $_progress-radius;
+      }
 
-    &.top {
-      border-top-right-radius: $_progress-radius;
-      border-top-left-radius: $_progress-radius;
-    }
+      &.top {
+        border-top-right-radius: $_progress-radius;
+        border-top-left-radius: $_progress-radius;
+      }
 
-    &.bottom {
-      border-bottom-right-radius: $_progress-radius;
-      border-bottom-left-radius: $_progress-radius;
+      &.bottom {
+        border-bottom-right-radius: $_progress-radius;
+        border-bottom-left-radius: $_progress-radius;
+      }
     }
   }