Skip to content

Commit

Permalink
Styles: add Gtk.Spinner (#697)
Browse files Browse the repository at this point in the history
  • Loading branch information
danirabbit authored Mar 19, 2024
1 parent abe2f8b commit 3bfeb2f
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 1 deletion.
3 changes: 2 additions & 1 deletion lib/Styles/Gtk/Index.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import 'Button.scss';
@import 'HeaderBar.scss';
@import 'Window.scss';
@import 'Spinner.scss';
@import 'WindowControls.scss';
@import 'Window.scss';
25 changes: 25 additions & 0 deletions lib/Styles/Gtk/Spinner.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
spinner {
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
opacity: 0;
transform: scale(0.8);
transition:
opacity duration("collapse") easing(),
transform duration("collapse") easing();

&:checked {
animation: spin 600ms steps(12) infinite;
opacity: 1;
transform: scale(1);
transition:
opacity duration("expand") easing(),
transform duration("expand") easing("ease-out-back");

&:backdrop {
opacity: 0.8;
}

&:disabled {
opacity: 0.4;
}
}
}

0 comments on commit 3bfeb2f

Please sign in to comment.