31 lines
662 B
Sass
31 lines
662 B
Sass
@mixin pin()
|
|
position: fixed
|
|
top: 0
|
|
left: 0
|
|
right: 0
|
|
bottom: 0
|
|
|
|
@mixin animationRotate($speed: 1s)
|
|
@keyframes animationRotate
|
|
from
|
|
transform: rotate(0)
|
|
to
|
|
transform: rotate(360deg)
|
|
animation:
|
|
name: animationRotate
|
|
duration: $speed
|
|
iteration-count: infinite
|
|
timing-function: linear
|
|
|
|
@mixin animationPulse($speed: 1s, $size: 1rem, $color: black)
|
|
@keyframes animationPulse
|
|
from
|
|
box-shadow: 0 0 0 0 $color;
|
|
to
|
|
box-shadow: 0 0 0 $size transparentize($color, 1);
|
|
animation:
|
|
name: animationPulse
|
|
duration: $speed
|
|
iteration-count: infinite
|
|
timing-function: linear
|