[gnome-shell/wip/snwh/sass-cleanup] theme: panel, fix nesting

[Sam Hewitt <snwh src gnome org>]

commit 170360555da7acd22ebcd33eacae0ebcd5a8de49
Author: Sam Hewitt <sam snwh org>
Date:   Wed Dec 18 16:00:11 2019 -0500

    theme: panel, fix nesting

 data/theme/gnome-shell-sass/widgets/_panel.scss | 117 ++++++++++++------------
 1 file changed, 59 insertions(+), 58 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_panel.scss b/data/theme/gnome-shell-sass/widgets/_panel.scss
index b55d449309..ba8e6675cc 100644
--- a/data/theme/gnome-shell-sass/widgets/_panel.scss
+++ b/data/theme/gnome-shell-sass/widgets/_panel.scss
@@ -18,86 +18,87 @@ $panel_height: 1.86em;
   &.login-screen,
   &.lock-screen {
     background-color: transparent;
+
     .panel-corner {
-      -panel_corner_radius: 0;
+      -panel-corner-radius: 0;
       -panel-corner-background-color: transparent;
       -panel-corner-border-color: transparent;
     }
   }
-}
 
-// spacing between activities, app menu and such
-#panelLeft, #panelCenter {
-  spacing: $base_spacing;
-}
+  // spacing between activities, app menu and such
+  #panelLeft, #panelCenter {
+    spacing: $base_spacing;
+  }
 
-// the rounded outset corners
-.panel-corner {
-  -panel-corner-radius: $panel_corner_radius;
-  -panel-corner-background-color: $panel_bg_color;
-  -panel-corner-border-width: 2px;
-  -panel-corner-border-color: transparent;
+  // the rounded outset corners
+  .panel-corner {
+    -panel-corner-radius: $panel_corner_radius;
+    -panel-corner-background-color: $panel_bg_color;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent;
 
-  &:active, &:overview, &:focus {
-    -panel-corner-border-color: lighten($selected_bg_color,5%);
+    &:active, &:overview, &:focus {
+      -panel-corner-border-color: lighten($selected_bg_color,5%);
+    }
   }
-}
 
-// panel menus
-.panel-button {
-  font-weight: bold;
-  color: $panel_fg_color;
-  -natural-hpadding: $base_padding * 2;
-  -minimum-hpadding: $base_padding;
+  // panel menus
+  .panel-button {
+    font-weight: bold;
+    color: $panel_fg_color;
+    -natural-hpadding: $base_padding * 2;
+    -minimum-hpadding: $base_padding;
 
-  &:hover {
-    color: lighten($panel_fg_color, 20%);
-  }
+    &:hover {
+      color: lighten($panel_fg_color, 20%);
+    }
 
-  &:active, &:overview, &:focus, &:checked {
-    background-color: $panel_bg_color; // Trick due to St limitations. It needs a background to draw a 
box-shadow
-    box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
+    &:active, &:overview, &:focus, &:checked {
+      background-color: $panel_bg_color; // Trick due to St limitations. It needs a background to draw a 
box-shadow
+      box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
 
-    color: lighten($panel_fg_color, 20%);
-  }
+      color: lighten($panel_fg_color, 20%);
+    }
 
-  // status area icons
-  .system-status-icon {
-    icon-size: $base_icon_size;
-    padding: $base_padding - 1px;
-  }
+    // status area icons
+    .system-status-icon {
+      icon-size: $base_icon_size;
+      padding: $base_padding - 1px;
+    }
+
+    // app menu icon
+    .app-menu-icon {
+      margin-left: $base_margin;
+      margin-right: $base_margin;
+      -st-icon-style: symbolic;
+      // dimensions of the icon are hardcoded
+    }
 
-  // app menu icon
-  .app-menu-icon {
-    margin-left: $base_margin;
-    margin-right: $base_margin;
-    -st-icon-style: symbolic;
-    // dimensions of the icon are hardcoded
+    // lock & login screen styles
+    .unlock-screen &,
+    .login-screen &,
+    .lock-screen & {
+      color: lighten($fg_color, 10%);
+      &:focus, &:hover, &:active { color: lighten($fg_color, 10%); }
+    }
   }
 
-  // lock & login screen styles
-  .unlock-screen &,
-  .login-screen &,
-  .lock-screen & {
-    color: lighten($fg_color, 10%);
-    &:focus, &:hover, &:active { color: lighten($fg_color, 10%); }
+  .panel-status-indicators-box,
+  .panel-status-menu-box {
+    spacing: 2px;
   }
-}
 
-.panel-status-indicators-box,
-.panel-status-menu-box {
-  spacing: 2px;
-}
+  // spacing between power icon and (optional) percentage label
+  .power-status.panel-status-indicators-box {
+    spacing: 0;
+  }
 
-// spacing between power icon and (optional) percentage label
-.power-status.panel-status-indicators-box {
-  spacing: 0;
+  // indicator for active
+  .screencast-indicator,
+  .remote-access-indicator { color: $warning_color; }
 }
 
-// indicator for active
-.screencast-indicator,
-.remote-access-indicator { color: $warning_color; }
-
 // App Menu
 #appMenu {
   spacing: $base_spacing;