File tree Expand file tree Collapse file tree 2 files changed +10
-7
lines changed
Expand file tree Collapse file tree 2 files changed +10
-7
lines changed Original file line number Diff line number Diff line change @@ -688,7 +688,7 @@ const rotate = keyframes({
688688});
689689
690690export const animated = style ({
691- animation: ` 3s infinite ${rotate } ` ;
691+ animation: ` 3s infinite ${rotate } ` ,
692692});
693693```
694694
@@ -705,7 +705,7 @@ globalKeyframes('rotate', {
705705});
706706
707707export const animated = style ({
708- animation: ` 3s infinite rotate ` ;
708+ animation: ` 3s infinite rotate ` ,
709709});
710710```
711711
Original file line number Diff line number Diff line change @@ -409,11 +409,11 @@ import { keyframes, style } from '@vanilla-extract/css';
409409
410410const rotate = keyframes ({
411411 ' 0%' : { rotate: ' 0deg' },
412- ' 100%' : { rotate: ' 360deg' },
412+ ' 100%' : { rotate: ' 360deg' }
413413});
414414
415415export const animated = style ({
416- animation: ` 3s infinite ${rotate } ` ;
416+ animation: ` 3s infinite ${rotate } `
417417});
418418```
419419
@@ -424,15 +424,18 @@ Creates a globally scoped set of keyframes.
424424``` tsx
425425// app.css.ts
426426
427- import { globalKeyframes , style } from ' @vanilla-extract/css' ;
427+ import {
428+ globalKeyframes ,
429+ style
430+ } from ' @vanilla-extract/css' ;
428431
429432globalKeyframes (' rotate' , {
430433 ' 0%' : { rotate: ' 0deg' },
431- ' 100%' : { rotate: ' 360deg' },
434+ ' 100%' : { rotate: ' 360deg' }
432435});
433436
434437export const animated = style ({
435- animation: ` 3s infinite rotate ` ;
438+ animation: ` 3s infinite rotate `
436439});
437440```
438441
You can’t perform that action at this time.
0 commit comments