Skip to content

Commit

Permalink
Update Readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
rauchg authored Oct 19, 2016
1 parent ec774a3 commit 29f5009
Showing 1 changed file with 7 additions and 4 deletions.
11 changes: 7 additions & 4 deletions Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,21 40,24 @@ That means pages never load unneccessary code!

### 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
import React from 'react'
import { css, StyleSheet } from 'next/css'
import css from 'next/css'

export default () => (
<div className={ css(styles.main) }>
<div className={style}>
Hello world
</div>
)

const styles = StyleSheet.create({
const style = css({
main: {
background: 'red',
':hover': {
background: 'gray'
}
'@media (max-width: 600px)': {
background: 'blue'
}
Expand Down

0 comments on commit 29f5009

Please sign in to comment.