1 | import { getStyleOptions } from './StyleOptionsState';
|
2 | import { Stylesheet } from './Stylesheet';
|
3 | import { serializeRuleEntries } from './styleToClassName';
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 | export 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 |
|
\ | No newline at end of file |