diff --git a/lib/Styles/Gtk/Index.scss b/lib/Styles/Gtk/Index.scss index 9eaa30e5c..0955ab654 100644 --- a/lib/Styles/Gtk/Index.scss +++ b/lib/Styles/Gtk/Index.scss @@ -1,4 +1,5 @@ @import 'Button.scss'; @import 'HeaderBar.scss'; -@import 'Window.scss'; +@import 'Spinner.scss'; @import 'WindowControls.scss'; +@import 'Window.scss'; diff --git a/lib/Styles/Gtk/Spinner.scss b/lib/Styles/Gtk/Spinner.scss new file mode 100644 index 000000000..7e24fc3c8 --- /dev/null +++ b/lib/Styles/Gtk/Spinner.scss @@ -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; + } + } +}