gtk: Fix button:checked:disabled style
And reorder box-shadow values for better handling.
And reorder box-shadow values for better handling.
by roundabout, Saturday, 20 April 2019, 08:59:19 (1555750759), pushed by roundabout, Sunday, 11 May 2025, 13:22:36 (1746969756)
Author identity: nana-4 <hnmaigo@gmail.com>
0f8093acf7d9d933c894d94d7ca1635ff7e94573
background-size $ripple-fade-out-duration $ease-out,
background-image $ripple-fade-out-opacity-duration $ease-out;
outline: none;
box-shadow: $shadow-1, inset 0 0 0 9999px transparent;
box-shadow: inset 0 0 0 9999px transparent, $shadow-1;
background-color: $surface;
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
background-repeat: no-repeat;
}
@if $t == hover {
box-shadow: $shadow-2, inset 0 0 0 9999px transparent;
box-shadow: inset 0 0 0 9999px transparent, $shadow-2;
color: $text;
}
@if $t == focus {
box-shadow: $shadow-2, inset 0 0 0 9999px transparent;
box-shadow: inset 0 0 0 9999px transparent, $shadow-2;
color: $text;
}
background-size 0ms,
background-image 0ms;
animation: ripple $ripple-fade-in-duration $ease-out forwards;
box-shadow: $shadow-2, inset 0 0 0 9999px $overlay-hover;
box-shadow: inset 0 0 0 9999px $overlay-hover, $shadow-2;
background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%);
background-size: 0% 0%;
color: $text;
}
@if $t == checked-disabled {
background-color: $divider;
box-shadow: inset 0 0 0 9999px $overlay-checked;
background-color: $fill;
color: $text-disabled;
}
}
@if $t == flat-checked-disabled {
background-color: $divider;
background-color: $overlay-checked;
color: $text-disabled;
}
}