GTK 3.20 :: Clean code (#553)

* * Clean code.

* * Fixed PR code.

Author: megax

gtk-3.20/scss/apps/_gedit.scss

@@ -133,10 +133,10 @@
     .gedit-bottom-panel-paned,
     .gedit-side-panel-paned,
     paned.titlebar {
-        margin-right: 0px;
-     }
+        margin-right: 0;
+    }
 
     .gedit-bottom-panel-paned notebook {
         border-top: none;
-     }
+    }
 }

gtk-3.20/scss/apps/_gnome-terminal.scss

@@ -33,11 +33,5 @@
                 &:disabled { background-color: transparent; }
             }
         }
-
-        /*GtkNotebook.notebook {
-            border-right-width: 0;
-            border-bottom-width: 0;
-            border-left-width: 0;
-        }*/
     }
 }

gtk-3.20/scss/apps/_nemo.scss

@@ -38,7 +38,7 @@
                 min-width: 28px;
                 padding: 3px;
             }
-            
+
             /* Path Bar */
             toolitem stack {
                 margin-left: 15px;
@@ -48,7 +48,6 @@
                     -NemoPathbarButton-border-radius: $roundness;
                 }
             }
-
         } // END toolbar
 
         /* Status Bar */

gtk-3.20/scss/widgets/_button.scss

@@ -4,7 +4,7 @@
 
 @include exports("button_extends") {
     // stuff for .needs-attention
-    $_dot_color: if($variant=='light', $selected_bg_color, lighten($selected_bg_color, .15));
+    $_dot_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color, .15));
 
     @keyframes needs_attention {
         from {
@@ -19,7 +19,7 @@
     %needs_attention {
         animation: needs_attention 150ms ease-in;
         $_dot_shadow: _text_shadow_color();
-        $_dot_shadow_r: if($variant=='light', .5, .45);
+        $_dot_shadow_r: if($variant == 'light', .5, .45);
         background-image: -gtk-gradient(radial, center center, 0, center center, .5, to($_dot_color), to(transparent)),
                           -gtk-gradient(radial, center center, 0, center center, $_dot_shadow_r, to($_dot_shadow), to(transparent));
         background-size: 6px 6px, 6px 6px;

gtk-3.20/scss/widgets/_menu.scss

@@ -276,9 +276,9 @@
             border-radius: $roundness;
         }
 
-        entry { @include entry($menu_bg_color, $menu_fg_color);  }
+        entry { @include entry($menu_bg_color, $menu_fg_color); }
 
-        button { @include button($menu_bg_color, $menu_fg_color);  }
+        button { @include button($menu_bg_color, $menu_fg_color); }
 
         > list, > .view, > toolbar {
             border-style: none;
@@ -296,7 +296,9 @@
             //@extend %undecorated_button;
 
             &:hover { background-color: $selected_bg_color; color: $selected_fg_color }
+
             &:active, &:selected { &, arrow { @extend %selected_items; } }
+
             &:checked { color: $fg_color; }
 
             // FIXME: temporary workaround
@@ -308,6 +310,7 @@
 
             &.flat arrow {
                 &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
                 &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
             }
         }

gtk-3.20/scss/widgets/_sidebar.scss

@@ -65,15 +65,15 @@
         }
     }
 
-    $_placesidebar_icons_opacity: 0.7;
+    $_placesidebar_icons_opacity: .7;
 
     placessidebar {
         > viewport.frame { border-style: none; }
 
         row {
             // Needs overriding of the GtkListBoxRow padding
             min-height: 36px;
-            padding: 0px;
+            padding: 0;
 
             // Using margins/padding directly in the SidebarRow
             // will make the animation of the new bookmark row jump
@@ -95,11 +95,13 @@
                 opacity: $_placesidebar_icons_opacity; // dim the device icons
 
                 &:dir(ltr) { padding-right: 8px; }
+
                 &:dir(rtl) { padding-left: 8px; }
             }
 
             label.sidebar-label {
                 &:dir(ltr) { padding-right: 2px; }
+
                 &:dir(rtl) { padding-left: 2px; }
             }
 

gtk-3.20/scss/widgets/_toggle.scss

@@ -94,17 +94,17 @@ $suffix: if($variant == "dark", "-dark", "");
         padding: $spacing - 1;
         border: none;
         outline: none;
-        transition: background-color 0.3s linear;
+        transition: background-color .3s linear;
         min-width: 88px;
         min-height: 24px;
         background-color: $switch_bg_color;
         color: $switch_fg_color;
-        box-shadow: inset 1px -1px 0px rgba(0, 0, 0, 0.06), inset -1px 1px 0px rgba(0, 0, 0, 0.06);
+        box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06);
 
         slider {
             background-color: $switch_slider_bg_color;
             transition: all 0.3s ease-in;
-            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.07), 1px 0px 2px 0px rgba(0, 0, 0, 0.07);
+            box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07);
             border-radius: $roundness;
         }
 
@@ -116,7 +116,7 @@ $suffix: if($variant == "dark", "-dark", "");
 
             slider {
                 background-color: $white;
-                box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+                box-shadow: 0 1px 3px 0 alpha($dark_shadow, .1);
             }
         }
 

gtk-3.20/scss/widgets/_view.scss

@@ -99,6 +99,7 @@
         &:selected {
             &:focus, & {
                 @extend %selected_items;
+
                 border-radius: 0;
             }
 
@@ -113,6 +114,7 @@
 
             &:selected {
                 color: mix($selected_fg_color, $selected_bg_color, .4);
+
                 &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); }
             }