by roundabout, Sunday, 14 April 2019, 02:03:53 (1555207433), pushed by roundabout, Sunday, 11 May 2025, 13:22:36 (1746969756)
Author identity: nana-4 <hnmaigo@gmail.com>
f8b40d445415ce4b7d52b7eb2a2233b4408c8bb8
src/_sass/gtk/_common-3.20.scss
@@ -372,7 +372,7 @@ treeview entry {
* Buttons *
***********/
// stuff for .needs-attention
@keyframes needs_attention {
@keyframes needs-attention {
from {
background-image: -gtk-gradient(radial,
center center, 0,
@@ -570,7 +570,7 @@ button {
&.needs-attention {
> label,
> image { @extend %needs_attention; }
> image { @extend %needs-attention; }
&:checked {
> label,
@@ -615,8 +615,8 @@ button {
}
}
%needs_attention {
animation: needs_attention $ripple-fade-in-duration $ease-out forwards;
%needs-attention {
animation: needs-attention $ripple-fade-in-duration $ease-out forwards;
background-repeat: no-repeat;
background-position: right 3px;
background-size: 6px 6px;
@@ -1160,7 +1160,7 @@ headerbar {
// 0.00001s was a workaround for https://gitlab.gnome.org/GNOME/gtk/issues/698
// but let's keep it for backwards compatibility.
transition: background-color 0.00001s $ripple-fade-in-duration, color $ripple-fade-in-duration $ease-out;
animation: ripple-headerbar $ripple-fade-in-duration $ease-out;
animation: ripple-on-headerbar $ripple-fade-in-duration $ease-out;
box-shadow: $shadow-1, inset 0 1px highlight($primary);
background-color: $primary;
color: on($primary);
@@ -2446,7 +2446,7 @@ scale {
transition: background-color $duration $ease-out,
background-size 0,
background-image 0;
animation: ripple-slider $ripple-fade-in-duration $ease-out forwards;
animation: ripple-on-slider $ripple-fade-in-duration $ease-out forwards;
background-color: $overlay-hover;
background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')),
radial-gradient(circle, $overlay-active 10%, transparent 0%);
@@ -2982,7 +2982,7 @@ stacksidebar {
padding-right: 6px;
}
&.needs-attention > label { @extend %needs_attention; }
&.needs-attention > label { @extend %needs-attention; }
}
}
src/_sass/gtk/_drawing-3.20.scss
@@ -7,11 +7,11 @@
to { background-size: 1000% 1000%; }
}
@keyframes ripple-slider {
@keyframes ripple-on-slider {
to { background-size: auto, 1000% 1000%; }
}
@keyframes ripple-headerbar {
@keyframes ripple-on-headerbar {
from {
background-image: radial-gradient(circle, $primary 0%, transparent 0%);
}
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -29,16 +29,16 @@
// Toolbar
@keyframes needs_attention_keyframes {
@keyframes nautilus-operations-button-needs-attention {
to { background-color: $overlay-focus; }
}
.nautilus-operations-button-needs-attention {
animation: needs_attention_keyframes $ripple-fade-out-duration $ease 2 alternate;
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 2 alternate;
}
.nautilus-operations-button-needs-attention-multiple {
animation: needs_attention_keyframes $ripple-fade-out-duration $ease 6 alternate;
animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate;
}
.linked > button:not(.suggested-action):not(.destructive-action).disclosure-button { @extend %circular_button; }