From 76bf559070d72cd3b3f1e0ccf659447aa5b3efb0 Mon Sep 17 00:00:00 2001
From: Valentin Popov <info@valentineus.link>
Date: Thu, 31 May 2018 04:52:44 +0400
Subject: Keyframes generator added

Signed-off-by: Valentin Popov <info@valentineus.link>
---
 _scss/utilities/_keyframes.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 _scss/utilities/_keyframes.scss

(limited to '_scss/utilities/_keyframes.scss')

diff --git a/_scss/utilities/_keyframes.scss b/_scss/utilities/_keyframes.scss
new file mode 100644
index 0000000..720588c
--- /dev/null
+++ b/_scss/utilities/_keyframes.scss
@@ -0,0 +1,26 @@
+// Keyframes
+//
+// Keyframes are used to specify the values for the animating properties at
+// various points during the animation. The keyframes specify the behavior of
+// one cycle of the animation; the animation may iterate zero or more times.
+//
+// Values: <keyframes-name> { <rule-list> }
+//
+// https://www.w3.org/TR/css-animations-1/#keyframes
+@mixin keyframes($name) {
+  @-webkit-keyframes #{$name} {
+    @content;
+  }
+
+  @-moz-keyframes #{$name} {
+    @content;
+  }
+
+  @-o-keyframes #{$name} {
+    @content;
+  }
+
+  @keyframes #{$name} {
+    @content;
+  }
+}
-- 
cgit v1.2.3