terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Update Readme.md

Browse source
This commit is contained in:
Guillermo Rauch 2016-10-19 16:59:18 -07:00 committed by GitHub
parent ec774a39da
commit 29f50097fb
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
Readme.md
View file

@ -40,21 +40,24 @@ That means pages never load unneccessary code!
### CSS ### CSS
We use [Aphrodite](https://github.com/Khan/aphrodite) to provide a great built-in solution for CSS modularization 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
```jsx ```jsx
import React from 'react' import React from 'react'
import { css, StyleSheet } from 'next/css' import css from 'next/css'
export default () => ( export default () => (
<div className={ css(styles.main) }> <div className={style}>
Hello world Hello world
</div> </div>
) )
const styles = StyleSheet.create({ const style = css({
main: { main: {
background: 'red', background: 'red',
':hover': {
background: 'gray'
}
'@media (max-width: 600px)': { '@media (max-width: 600px)': {
background: 'blue' background: 'blue'
} }