mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
Updated css syntax
This commit is contained in:
parent
944643c331
commit
4e1042712c
|
@ -50,7 +50,7 @@ We use [glamor](https://github.com/threepointone/glamor) to provide a great buil
|
|||
|
||||
```jsx
|
||||
import React from 'react'
|
||||
import style from 'next/css'
|
||||
import css from 'next/css'
|
||||
|
||||
export default () => (
|
||||
<div className={style}>
|
||||
|
@ -58,16 +58,14 @@ export default () => (
|
|||
</div>
|
||||
)
|
||||
|
||||
const style = style({
|
||||
main: {
|
||||
const style = css({
|
||||
background: 'red',
|
||||
':hover': {
|
||||
background: 'gray'
|
||||
}
|
||||
},
|
||||
'@media (max-width: 600px)': {
|
||||
background: 'blue'
|
||||
}
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
|
|
Loading…
Reference in a new issue