Skip to content

Commit 29f5009

Browse files
authored
Update Readme.md
1 parent ec774a3 commit 29f5009

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

Readme.md

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -40,21 +40,24 @@ That means pages never load unneccessary code!
4040

4141
### CSS
4242

43-
We use [Aphrodite](https://github.com/Khan/aphrodite) to provide a great built-in solution for CSS modularization
43+
We use [glamor](https://github.com/threepointone/glamor) to provide a great built-in solution for CSS isolation and modularization without trading off any CSS features
4444

4545
```jsx
4646
import React from 'react'
47-
import { css, StyleSheet } from 'next/css'
47+
import css from 'next/css'
4848

4949
export default () => (
50-
<div className={ css(styles.main) }>
50+
<div className={style}>
5151
Hello world
5252
</div>
5353
)
5454

55-
const styles = StyleSheet.create({
55+
const style = css({
5656
main: {
5757
background: 'red',
58+
':hover': {
59+
background: 'gray'
60+
}
5861
'@media (max-width: 600px)': {
5962
background: 'blue'
6063
}

0 commit comments

Comments
 (0)