From 8a6b6af4724611bd59225338d96e913f9021fbdf Mon Sep 17 00:00:00 2001 From: Andros Fenollosa Date: Tue, 14 Apr 2020 22:31:13 +0200 Subject: [PATCH] Update _mixins.sass --- _mixins.sass | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/_mixins.sass b/_mixins.sass index c6e1d9a..e77d3f6 100644 --- a/_mixins.sass +++ b/_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