UNPKG

800 BJavaScriptView Raw
1import { getStyleOptions } from './StyleOptionsState';
2import { Stylesheet } from './Stylesheet';
3import { serializeRuleEntries } from './styleToClassName';
4/**
5 * Registers keyframe definitions.
6 *
7 * @public
8 */
9export function keyframes(timeline) {
10 var stylesheet = Stylesheet.getInstance();
11 var name = stylesheet.getClassName();
12 var rulesArray = [];
13 for (var prop in timeline) {
14 if (timeline.hasOwnProperty(prop)) {
15 rulesArray.push(prop, '{', serializeRuleEntries(getStyleOptions(), timeline[prop]), '}');
16 }
17 }
18 var rules = rulesArray.join('');
19 stylesheet.insertRule("@keyframes " + name + "{" + rules + "}", true);
20 stylesheet.cacheClassName(name, rules, [], ['keyframes', rules]);
21 return name;
22}
23//# sourceMappingURL=keyframes.js.map
\No newline at end of file