Update _mixins.sass

This commit is contained in:
Andros Fenollosa 2020-04-14 22:31:13 +02:00 committed by GitHub
parent e75db143a8
commit 8a6b6af472
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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