/* * Animation Tools * Provides common animation tools, as well as mixins. * * Dependencies: * styles/settings/animation.scss * styles/tools/prefix.scss * * Version: * 1.0.0 - 2018/05/08 */ @mixin t-keyframes($animation_name) { @-webkit-keyframes #{$animation_name} { @content; } @-moz-keyframes #{$animation_name} { @content; } @keyframes #{$animation_name} { @content; } } @mixin t-animation-name($name) { @include t-prefix-property("animation-name", $name, webkit moz spec); } @mixin t-animation-delay($delay) { @include t-prefix-property("animation-delay", $delay, webkit moz spec); } @mixin t-animation-duration($duration) { @include t-prefix-property("animation-duration", $duration, webkit moz spec); } @mixin t-animation-fill-mode($fills) { @include t-prefix-property("animation-fill-mode", $fills, webkit moz spec); } @mixin t-animation-iteration-count($iterations) { @include t-prefix-property("animation-iteration-count", $iterations, webkit moz spec); } @mixin t-animation-timing-function($bezier) { @include t-prefix-property("animation-timing-function", $bezier, webkit moz spec); }