gtk: Simplify radial-gradient()
farthest-corner at center can be omitted as they are default values.
by roundabout, Sunday, 14 April 2019, 00:00:03 (1555200003), pushed by roundabout, Sunday, 11 May 2025, 13:22:36 (1746969756)
Author identity: nana-4 <hnmaigo@gmail.com>
f07cbe240a3fcc53a33c6de80353e215a5d81655
src/_sass/gtk/_common-3.20.scss
@@ -1862,9 +1862,7 @@ notebook {
border-color: transparent; //
outline: none;
background-image: radial-gradient(circle farthest-corner at center,
$primary 10%,
transparent 0%);
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 0% 0%;
@@ -1885,9 +1883,7 @@ notebook {
background-size $duration-ripple $ease-out,
background-image $duration-ripple + $duration-ripple-aftermath $ease-out;
background-color: transparent;
background-image: radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
background-size: 1000% 1000%;
background-clip: padding-box;
color: $text;
@@ -2434,9 +2430,7 @@ scale {
$_url: 'assets/scale-slider#{$as}#{$asset-suffix}';
background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')),
radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
radial-gradient(circle, transparent 10%, transparent 0%);
}
}
@@ -2455,9 +2449,7 @@ scale {
animation: ripple-slider $duration-ripple $ease-out forwards;
background-color: $overlay-hover;
background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')),
radial-gradient(circle farthest-corner at center,
$overlay-active 10%,
transparent 0%);
radial-gradient(circle, $overlay-active 10%, transparent 0%);
background-size: auto, 0% 0%;
}
}
@@ -2519,9 +2511,7 @@ scale {
$_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$state_infix}#{$asset-suffix}';
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')),
radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
radial-gradient(circle, transparent 10%, transparent 0%);
}
}
@@ -2529,9 +2519,7 @@ scale {
$_scale_asset: 'assets/scale-#{$dir_infix}-#{$marks_infix}-slider#{$asset-suffix}';
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')),
radial-gradient(circle farthest-corner at center,
$overlay-active 10%,
transparent 0%);
radial-gradient(circle, $overlay-active 10%, transparent 0%);
}
}
}
@@ -2767,9 +2755,7 @@ row {
background-image $duration-ripple-aftermath-opacity $ease-out;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
background-image: radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 1000% 1000%;
@@ -2793,9 +2779,7 @@ row {
background-image 0;
animation: ripple $duration-ripple $ease-out forwards;
box-shadow: inset 0 0 0 9999px $overlay-hover;
background-image: radial-gradient(circle farthest-corner at center,
$overlay-active 10%,
transparent 0%);
background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%);
background-size: 0% 0%;
}
}
src/_sass/gtk/_drawing-3.20.scss
@@ -13,15 +13,11 @@
@keyframes ripple-headerbar {
from {
background-image: radial-gradient(circle farthest-corner at center,
$primary 0%,
transparent 0%);
background-image: radial-gradient(circle, $primary 0%, transparent 0%);
}
to {
background-image: radial-gradient(circle farthest-corner at center,
$primary 100%,
transparent 0%);
background-image: radial-gradient(circle, $primary 100%, transparent 0%);
}
}
@@ -105,9 +101,7 @@
outline: none;
box-shadow: $shadow-1, inset 0 0 0 9999px transparent;
background-color: $surface;
background-image: radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 1000% 1000%;
@@ -130,9 +124,7 @@
background-image 0;
animation: ripple $duration-ripple $ease-out forwards;
box-shadow: $shadow-2, inset 0 0 0 9999px $overlay-hover;
background-image: radial-gradient(circle farthest-corner at center,
$overlay-active 10%,
transparent 0%);
background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%);
background-size: 0% 0%;
color: $text;
}
@@ -161,9 +153,7 @@
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
background-color: transparent;
background-image: radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 1000% 1000%;
@@ -187,9 +177,7 @@
background-image 0;
animation: ripple $duration-ripple $ease-out forwards;
box-shadow: inset 0 0 0 9999px $overlay-hover;
background-image: radial-gradient(circle farthest-corner at center,
$overlay-active 10%,
transparent 0%);
background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%);
background-size: 0% 0%;
color: $text;
}
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -573,9 +573,7 @@ docktab {
border-color: transparent; //
box-shadow: inset 0 -2px transparent;
background-image: radial-gradient(circle farthest-corner at center,
$primary 10%,
transparent 0%);
background-image: radial-gradient(circle, $primary 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 0% 0%;
@@ -594,9 +592,7 @@ docktab {
background-image $duration-ripple + $duration-ripple-aftermath $ease-out;
box-shadow: inset 0 -2px $primary;
background-color: transparent;
background-image: radial-gradient(circle farthest-corner at center,
transparent 10%,
transparent 0%);
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
background-size: 1000% 1000%;
color: $text;
}
@@ -716,9 +712,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher {
background-color: transparent;
&:active {
background-image: radial-gradient(circle farthest-corner at center,
rgba($primary, 0.7) 10%,
transparent 0%);
background-image: radial-gradient(circle, rgba($primary, 0.7) 10%, transparent 0%);
}
&:checked {