49 lines
1.1 KiB
SCSS
49 lines
1.1 KiB
SCSS
/*
|
|
* 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);
|
|
}
|