minimal-styled
This is a subset of styled-components features.
Usage:
import React from 'react'
import styled from 'minimal-styled'
function Hello (props) {
return (
<h1 className={props.className}>Hello from React</h1>
)
}
export default styled(Hello)`
& {
text-align: center;
}
`
Notice that & in css portion is mandatory because we use manual css parsing rather than abstraction that creates a css object first.
We also don't support auto vendor prefixing (yet).