2014-11-23 17:06:45 +00:00
|
|
|
@import "functions";
|
|
|
|
@import "global";
|
|
|
|
|
|
|
|
|
|
|
|
/*******************
|
|
|
|
! Spinner animation
|
|
|
|
********************/
|
|
|
|
|
2014-12-08 19:35:19 +00:00
|
|
|
@include exports("spinner") {
|
|
|
|
@keyframes spin {
|
|
|
|
to { -gtk-icon-transform: rotate(1turn); }
|
|
|
|
}
|
2014-11-23 17:06:45 +00:00
|
|
|
|
2014-12-08 19:35:19 +00:00
|
|
|
.spinner {
|
|
|
|
background-image: none;
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
opacity: 0; // non spinning spinner makes no sense
|
2014-11-23 17:06:45 +00:00
|
|
|
|
2014-12-08 19:35:19 +00:00
|
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
2014-11-23 17:06:45 +00:00
|
|
|
|
2014-12-08 19:35:19 +00:00
|
|
|
&:active {
|
|
|
|
opacity: 1;
|
|
|
|
animation: spin 1s linear infinite;
|
2014-11-23 17:06:45 +00:00
|
|
|
|
2014-12-08 19:35:19 +00:00
|
|
|
&:insensitive { opacity: 0.5; }
|
|
|
|
}
|
2014-11-23 17:06:45 +00:00
|
|
|
}
|
|
|
|
}
|