-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
animation.scss
30 lines (30 loc) · 1014 Bytes
/
animation.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/// Define animation for element, class, or ID
/// @param {string} $value
/// @see {files} - Check `animation-*.scss` for `$value` options
/// @returns {CSS} - `Property: Value` with prefixed properties
/// @example scss - Usage of animation
/// .example-class {
/// @include animation($value: animation-name 5s infinite);
/// }
/// @example css - Results of animation
/// .example-class {
/// -webkit-animation: animation-name 5s infinite;
/// -moz-animation: animation-name 5s infinite;
/// -o-animation: animation-name 5s infinite;
/// animation: animation-name 5s infinite;
/// }
/// @requires {mixin} render-vendor-prefixes
/// @author S0AndS0
/// @license AGPL-3.0
@mixin animation($value) {
@include render-vendor-prefixes(
$property: animation,
$value: $value,
$vendor-list: (
-webkit, // Chrome 43.0/4.0, Opera 30.0/15.0, Safari 9.0/4.0
-moz, // Firefox 16.0/5.0
-o, // Opera 12.0
),
$prefix: property,
);
}