5th generation CSS-in-JS library
Consider using
nano-css
instead. It is smaller, tested and actively maintained.
5th generation React styling library — it is lightning fast, lean, and with gazillion features.
Yeah, straight from the top of my dome
As I rock, rock, rock, rock, rock the microphone
Yeah, straight from the top of my dome
As I rock, rock, rock, rock, rock the microphone...
rule()
Interface
StyleSheet.create()
Interface with lazy renderinghyperstyle()
styleName
Interface
npm i freestyler --save
import {
css,
styled,
rule,
StyleSheet,
Component,
hoc,
jsxstyle
} from 'freestyler';
import hyperstyle from 'freestyler/lib/react/hyperstyle';
import {styleit, Styleit} from 'freestyler/lib/react/styleit';
Decorate stateful components.
@css({
border: '1px solid tomato',
})
class App extends Component {
render () {
return <div>Hello world!</div>;
}
}
Or, create "styled" stateless components.
const Bordered = styled.div({
border: '1px solid tomato',
});
const App = () =>
<Bordered>Hello world!</Bordered>;
Unlicense — public domain.