aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorValentin Popov <info@valentineus.link>2018-05-31 03:52:44 +0300
committerValentin Popov <info@valentineus.link>2018-05-31 03:55:10 +0300
commit76bf559070d72cd3b3f1e0ccf659447aa5b3efb0 (patch)
treefb4600642789535488661689399e75db339590da
parentb83ea600ecbf2da7eba0cbbd8dc216b254e0c195 (diff)
downloadobs-somafm_current_track-76bf559070d72cd3b3f1e0ccf659447aa5b3efb0.tar.xz
obs-somafm_current_track-76bf559070d72cd3b3f1e0ccf659447aa5b3efb0.zip
Keyframes generator added
Signed-off-by: Valentin Popov <info@valentineus.link>
-rw-r--r--_scss/utilities/_keyframes.scss26
1 files changed, 26 insertions, 0 deletions
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;
+ }
+}