Add animationPulse

2020-04-14 21:31:10 +02:00 · 2020-04-14 21:31:10 +02:00 · ad18b62f3a
commit ad18b62f3a
parent 08bc65035d
1 changed files with 12 additions and 0 deletions
--- a/_mixins.sass
+++ b/_mixins.sass
@ -16,3 +16,15 @@
    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