update

vinceliuice · Apr 16, 2021 · f8e46aa · f8e46aa
1 parent d4ab45a
commit f8e46aa
Show file tree

Hide file tree

Showing 40 changed files with 2,923 additions and 2,973 deletions.
diff --git a/src/_sass/gtk/_common-4.0.scss b/src/_sass/gtk/_common-4.0.scss
@@ -359,7 +359,6 @@ entry, %entry {
   }
 
   progress > trough > progress {
-    margin: 0 -6px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: $progress_color;
@@ -442,7 +441,7 @@ button {
 
   &:hover {
     @include button(hover);
-    -gtk-icon-effect: highlight;
+    // -gtk-icon-effect: highlight;
   }
 
   &:active, &:checked {
@@ -618,7 +617,6 @@ button {
     min-width: 24px;
     padding: 2px;
     border-radius: 100px;
-    outline-radius: 100px;
 
     @if $variant=='dark' {
       &:checked, &:active { border-color: $borders_color; }
@@ -1327,7 +1325,7 @@ headerbar,
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px;
-      GtkArrow { -GtkArrow-arrow-scaling: 1; }
+
       .arrow {
         -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
       }
@@ -2675,22 +2673,7 @@ scale {
   min-width: 15px;
   padding: 3px;
 
-  &.horizontal {
-    > trough { padding: 0 4px; }
-    > trough > fill,
-    > trough > highlight { margin: 0 -4px; }
-  }
-
-  &.vertical {
-    > trough { padding: 4px 0; }
-    > trough > fill,
-    > trough > highlight { margin: -4px 0; }
-  }
-
   > trough {
-    > fill,
-    > highlight { margin: -1px; }
-
     > slider {
       min-height: 15px;
       min-width: 15px;
@@ -2707,7 +2690,6 @@ scale {
     > trough > highlight,
     > trough {
       border-radius: 5px;
-      outline-radius: 7px;
     }
   }
 
@@ -2716,8 +2698,6 @@ scale {
     $_scale_trough_bg: $borders_color;
 
     outline-offset: 2px;
-    outline-radius: 4.5px;
-
     border-radius: 2.5px;
     background-color: $_scale_trough_bg;
 
@@ -2908,9 +2888,6 @@ 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.
-
   &.osd {
     min-width: 3px;
     min-height: 3px;
@@ -3409,11 +3386,6 @@ window.dialog.message { // Message Dialog styling
       border-top: 1px solid $borders_color;
       background-color: $dialog_bg;
       color: $dialog_fg;
-
-      &:active, &:checked {
-        transition: background-color 0.00001s 0.2s;
-        animation: ripple_effect 0.2s cubic-bezier(0.0, 0.0, 0.2, 1);
-      }
     }
   }
 
@@ -3621,7 +3593,6 @@ placessidebar {
       padding: 0;
       @extend %flat_button;
       border-radius: 100%;
-      outline-radius: 100%;
 
       &:not(:hover):not(:active) > image { opacity: 0.5 };
     }
@@ -3962,7 +3933,7 @@ colorchooser .popover.osd { border-radius: 3px; }
 .content-view {
   background-color: $base_color;
 
-  &:hover { -gtk-icon-effect: highlight; }
+  // &:hover { -gtk-icon-effect: highlight; }
 
   .tile {
     margin: 2px;

diff --git a/src/_sass/gtk/_darksidebar_widgets.scss b/src/_sass/gtk/_darksidebar_widgets.scss
@@ -448,7 +448,6 @@ list.gedit-document-panel {
     padding: 0;
     margin: 0 $cont_padding;
     border-radius: 100px;
-    -gtk-outline-radius: 100px;
     border: none;
     background: none;
 
@@ -977,6 +976,8 @@ overlay > infobar.info.top {
 // box.horizontal, // gnome 3.30
 hdyleaflet, // > 3.32
 leaflet.unfolded {  // > 3.38
+  > headerbar:first-child { @extend %side_headerbar; }
+
   > stack > frame > grid.vertical {
     @extend %side_background;
 
@@ -1044,7 +1045,6 @@ leaflet.unfolded {  // > 3.38
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px;
-      GtkArrow { -GtkArrow-arrow-scaling: 1; }
 
       .arrow {
         -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');

diff --git a/src/_sass/gtk/_drawing.scss b/src/_sass/gtk/_drawing.scss
@@ -295,42 +295,62 @@
 //
 // Overshoot
 //
-@mixin overshoot($p, $c:$selected_bg_color) {
+@mixin overshoot($p, $t:normal, $c:$fg_color) {
+//
+// overshoot
+//
 // $p: position
+// $t: type
 // $c: base color
 //
 // possible $p values:
 // top, bottom, right, left
+//
+// possible $t values:
+// normal, backdrop
 //
 
-  $_big_gradient_length: 60%;
+  $_small_gradient_length: 3%;
+  $_big_gradient_length: 50%;
 
-  $_position: center top;
+  $_small_gradient_size: 100% $_small_gradient_length;
   $_big_gradient_size: 100% $_big_gradient_length;
 
-  @if $p==bottom {
-    $_position: center bottom;
+  @if $p==right or $p==left {
+    $_small_gradient_size: $_small_gradient_length 100%;
+    $_big_gradient_size: $_big_gradient_length 100%;
   }
 
-  @else if $p==right {
-    $_position: right center;
-    $_big_gradient_size: $_big_gradient_length 100%;
+  $_small_gradient_color: $c;
+  $_big_gradient_color: transparentize($c, 0.93);
+
+  @if $c==$fg_color {
+    $_small_gradient_color: darken($borders_color, 10%);
+    $_big_gradient_color: transparentize($fg_color, 0.93);
+
+    @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
   }
 
-  @else if $p==left {
-    $_position: left center;
-    $_big_gradient_size: $_big_gradient_length 100%;
+  $_small_gradient: radial-gradient(farthest-side at $p,
+                                    $_small_gradient_color 85%,
+                                    transparentize($_small_gradient_color, 1));
+
+  $_big_gradient: radial-gradient(farthest-side at $p,
+                                  $_big_gradient_color,
+                                  transparentize($_big_gradient_color, 1));
+
+  @if $t==normal {
+    background-image: $_small_gradient, $_big_gradient;
+    background-size: $_small_gradient_size, $_big_gradient_size;
   }
 
-  background-image: -gtk-gradient(radial,
-                                  $_position, 0,
-                                  $_position, 0.6,
-                                  from(transparentize($c, 0.8)),
-                                  to(transparentize($c, 1)));
+  @else if $t==backdrop {
+    background-image: $_small_gradient;
+    background-size: $_small_gradient_size;
+  }
 
-  background-size: $_big_gradient_size;
   background-repeat: no-repeat;
-  background-position: $_position;
+  background-position: $p;
 
   background-color: transparent; // reset some properties to be sure to not inherit them somehow
   border: none;                  //

diff --git a/src/_sass/gtk/apps/_gnome.scss b/src/_sass/gtk/apps/_gnome.scss
@@ -292,7 +292,6 @@ eog-thumb-nav,
   }
 
   button {
-    -gtk-outline-radius: 2px;
     border-radius: 2px;
     border-top: none;
   }
@@ -507,7 +506,6 @@ layouttab {
 
 layout {
   border: 1px solid $borders_color;
-  -PnlDockBin-handle-size: 1;
 }
 
 eggsearchbar box.search-bar {
@@ -545,7 +543,6 @@ docktabstrip {
 
 dockbin {
   border: 1px solid $borders_color;
-  -PnlDockBin-handle-size: 1;
 }
 
 dockpaned {
@@ -810,7 +807,6 @@ $em-base: 16px;
 // titles inside the button!?
 headerbar > button.flat.popup.title-menu-button.toggle {
   border-radius: 2px;
-  -gtk-outline-radius: 2px;
 
   > grid {
     .title {
@@ -1035,7 +1031,6 @@ popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical {
         padding: 4px; // Same as of image.sidebar-icon
         margin: 0 6px;
         border-radius: 100px;
-        -gtk-outline-radius: 100px;
       }
     }
   }