Skip to content

Commit 05327b3

Browse files
authored
Fix readme keyframes typo (#237)
1 parent 9ecfd78 commit 05327b3

File tree

2 files changed

+10
-7
lines changed

2 files changed

+10
-7
lines changed

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -688,7 +688,7 @@ const rotate = keyframes({
688688
});
689689

690690
export const animated = style({
691-
animation: `3s infinite ${rotate}`;
691+
animation: `3s infinite ${rotate}`,
692692
});
693693
```
694694

@@ -705,7 +705,7 @@ globalKeyframes('rotate', {
705705
});
706706

707707
export const animated = style({
708-
animation: `3s infinite rotate`;
708+
animation: `3s infinite rotate`,
709709
});
710710
```
711711

site/docs/styling-api.md

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -409,11 +409,11 @@ import { keyframes, style } from '@vanilla-extract/css';
409409

410410
const rotate = keyframes({
411411
'0%': { rotate: '0deg' },
412-
'100%': { rotate: '360deg' },
412+
'100%': { rotate: '360deg' }
413413
});
414414

415415
export 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

429432
globalKeyframes('rotate', {
430433
'0%': { rotate: '0deg' },
431-
'100%': { rotate: '360deg' },
434+
'100%': { rotate: '360deg' }
432435
});
433436

434437
export const animated = style({
435-
animation: `3s infinite rotate`;
438+
animation: `3s infinite rotate`
436439
});
437440
```
438441

0 commit comments

Comments
 (0)