Drop unnecessary style
It is not working, as well as it was not good design at least for now.
It is not working, as well as it was not good design at least for now.
by roundabout, Saturday, 13 May 2017, 04:37:42 (1494650262), pushed by roundabout, Sunday, 11 May 2025, 13:22:09 (1746969729)
Author identity: nana-4 <hnmaigo@gmail.com>
b6f4d4cc5f7da493ff7c0c4cb54cb0d9eaf465bf
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
}
}
@keyframes spin_colors {
1% {
color: #66BB6A;
}
25% {
color: #66BB6A;
}
26% {
color: #42A5F5;
}
50% {
color: #42A5F5;
}
51% {
color: #FFA726;
}
75% {
color: #FFA726;
}
76% {
color: #EF5350;
}
100% {
color: #EF5350;
}
}
spinner {
background: none;
opacity: 0;
spinner:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
}
spinner:checked:disabled {
to { -gtk-icon-transform: rotate(1turn); }
}
@keyframes spin_colors {
1% { color: $info_bg_color; } 25% { color: $info_bg_color; }
26% { color: $question_bg_color; } 50% { color: $question_bg_color; }
51% { color: $warning_bg_color; } 75% { color: $warning_bg_color; }
76% { color: $error_bg_color; } 100% { color: $error_bg_color; }
}
spinner {
background: none;
opacity: 0; // non spinning spinner makes no sense
&:checked {
opacity: 1;
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
animation: spin 1s linear infinite;
&:disabled { opacity: $disabled_opacity; }
}