Utils animation
This commit is contained in:
@@ -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
|
||||
|
@@ -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
|
||||
|
Reference in New Issue
Block a user