diff --git a/src/css/_modifiers.scss b/src/css/_modifiers.scss index a429cd8..865f1af 100644 --- a/src/css/_modifiers.scss +++ b/src/css/_modifiers.scss @@ -6,6 +6,32 @@ font-family: Splatoon2, $family-sans-serif; } +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + .title-color { color: $title-color; } diff --git a/src/css/main.scss b/src/css/main.scss index 2db0d52..7f33df1 100644 --- a/src/css/main.scss +++ b/src/css/main.scss @@ -10,6 +10,16 @@ html { background-color: #191919; } +.squid-refresh { + &:before { + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + @extend .font-splatoon2; + content: "\e066"; + } +} + .schedule-box { @extend .product-box; @extend .bg-stripes; diff --git a/src/js/components/App.vue b/src/js/components/App.vue index 374ce4d..e67c336 100644 --- a/src/js/components/App.vue +++ b/src/js/components/App.vue @@ -19,8 +19,10 @@