mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
e164074f8e
* Added glamor css * Using pseudoclasses instead of calling functions * Updated readme using style instead of default import for css
22 lines
473 B
JavaScript
22 lines
473 B
JavaScript
import React, { Component } from 'react'
|
|
import { style } from 'next/css'
|
|
|
|
export default class CrazyCSS extends Component {
|
|
spans () {
|
|
const out = []
|
|
for (let i = 0; i < 1000; i++) {
|
|
out.push(<span key={i} class={spanStyles[`padding-${i}`]}>This is ${i}</span>)
|
|
}
|
|
return out
|
|
}
|
|
|
|
render () {
|
|
return <div>{this.spans()}</div>
|
|
}
|
|
}
|
|
|
|
const spanStyles = {}
|
|
for (let i = 0; i < 1000; i++) {
|
|
spanStyles[`padding-${i}`] = style({ padding: i })
|
|
}
|