Update _mixins.sass
This commit is contained in:
parent
e75db143a8
commit
8a6b6af472
12
_mixins.sass
12
_mixins.sass
@ -5,6 +5,10 @@
|
||||
right: 0
|
||||
bottom: 0
|
||||
|
||||
@mixin sizeCube($size: 1rem)
|
||||
width: $size
|
||||
height: $size
|
||||
|
||||
/*
|
||||
* $size: all, top, right, bottom, left
|
||||
*/
|
||||
@ -23,7 +27,8 @@
|
||||
box-shadow: inset 0 -#{$size} 0 0 $color
|
||||
|
||||
@mixin animationRotate($speed: 1s)
|
||||
@keyframes animationRotate
|
||||
$id: unique-id()
|
||||
@keyframes#{$id}
|
||||
from
|
||||
transform: rotate(0)
|
||||
to
|
||||
@ -35,13 +40,14 @@
|
||||
timing-function: linear
|
||||
|
||||
@mixin animationPulse($speed: 1s, $size: 1rem, $color: black, $iteration: infinite)
|
||||
@keyframes animationPulse
|
||||
$id: unique-id()
|
||||
@keyframes #{$id}
|
||||
from
|
||||
box-shadow: 0 0 0 0 $color
|
||||
to
|
||||
box-shadow: 0 0 0 $size transparentize($color, 1)
|
||||
animation:
|
||||
name: animationPulse
|
||||
name: $id
|
||||
duration: $speed
|
||||
iteration-count: $iteration
|
||||
timing-function: linear
|
||||
|
Loading…
Reference in New Issue
Block a user