1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-aphrodite/pages/index.js
Arana Jhonny 1d700d0240 Aphrodite example. (#634)
* add aphrodite example

* fix props

* Update README.md
2017-01-03 10:06:04 -08:00

29 lines
467 B
JavaScript

import React from 'react'
import { StyleSheet, css } from 'aphrodite'
export default () => (
<div className={css(styles.root)}>
<h1 className={css(styles.title)}>My page</h1>
</div>
)
const styles = StyleSheet.create({
root: {
width: 80,
height: 60,
background: 'white',
':hover': {
background: 'black'
}
},
title: {
marginLeft: 5,
color: 'black',
fontSize: 22,
':hover': {
color: 'white'
}
}
})