2016-04-09 04:30:09 +00:00
|
|
|
/*******************
|
|
|
|
! Spinner animation
|
|
|
|
********************/
|
|
|
|
|
|
|
|
@include exports("spinner") {
|
|
|
|
@keyframes spin {
|
|
|
|
to { -gtk-icon-transform: rotate(1turn); }
|
|
|
|
}
|
|
|
|
|
2016-04-13 05:41:33 +00:00
|
|
|
spinner {
|
2016-04-09 04:30:09 +00:00
|
|
|
background-image: none;
|
2016-04-13 05:41:33 +00:00
|
|
|
color: $selected_bg_color;
|
2016-04-09 04:30:09 +00:00
|
|
|
opacity: 0; // non spinning spinner makes no sense
|
|
|
|
|
|
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
|
|
|
|
2016-04-13 05:41:33 +00:00
|
|
|
&:checked {
|
2016-04-09 04:30:09 +00:00
|
|
|
opacity: 1;
|
|
|
|
animation: spin 1s linear infinite;
|
|
|
|
|
|
|
|
&:disabled { opacity: .5; }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|