1 | 'use strict';
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.default = keyframes;
|
7 |
|
8 | var _cssRuleSetToString = require('./css-rule-set-to-string');
|
9 |
|
10 | var _cssRuleSetToString2 = _interopRequireDefault(_cssRuleSetToString);
|
11 |
|
12 | var _hash = require('./hash');
|
13 |
|
14 | var _hash2 = _interopRequireDefault(_hash);
|
15 |
|
16 | var _prefixer = require('./prefixer');
|
17 |
|
18 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19 |
|
20 | function keyframes(keyframeRules, name) {
|
21 | return {
|
22 | __radiumKeyframes: true,
|
23 | __process: function __process(userAgent) {
|
24 | var keyframesPrefixed = (0, _prefixer.getPrefixedKeyframes)(userAgent);
|
25 | var rules = Object.keys(keyframeRules).map(function (percentage) {
|
26 | return (0, _cssRuleSetToString2.default)(percentage, keyframeRules[percentage], userAgent);
|
27 | }).join('\n');
|
28 | var animationName = (name ? name + '-' : '') + 'radium-animation-' + (0, _hash2.default)(rules);
|
29 | var css = '@' + keyframesPrefixed + ' ' + animationName + ' {\n' + rules + '\n}\n';
|
30 | return { css: css, animationName: animationName };
|
31 | }
|
32 | };
|
33 | }
|
34 |
|
35 | module.exports = exports['default']; |
\ | No newline at end of file |