Utils animation

This commit is contained in:
2016-11-04 12:37:43 +01:00
parent 02734f14ff
commit a8afade7ba
2 changed files with 34 additions and 0 deletions

View File

@@ -81,6 +81,21 @@ body
background-color: white
border-bottom: thin solid $color-background
&.empty
padding: 15px
justify-content: center
span
cursor: default
text-align: center
color: $color-text-dark-secondary
i
margin-right: 5px
display: inline-block
transform-origin: 50% 60%
&:hover span i
+animation-wiggle
.col-splitter
flex: 0 0 auto
width: 8px

View File

@@ -198,6 +198,15 @@
fill-mode: forwards
iteration-count: infinite
=animation-wiggle
animation:
name: wiggle
duration: 1s
delay: 0s
fill-mode: forwards
iteration-count: infinite
timing-function: linear
.spin
+spin
&:before, &:after
@@ -209,6 +218,16 @@
to
transform: rotate(360deg)
@keyframes wiggle
0
transform: rotate(0deg)
25%
transform: rotate(25deg)
75%
transform: rotate(-25deg)
100%
transform: rotate(0deg)
@keyframes pulse
0
opacity: 1