crazy good css in your js
[work in progress]
“It's like giving a glass of ice water to somebody in hell"
yarn add glam
or npm install glam
// copy paste this at the top of your file
/* @jsx glam */
import glam from 'glam'
// and then write css as inline objects
<div css={{
color: 'red',
':hover': {
color: 'blue'
}
}}>
hello world!
</div>
I made it for me. You might like it. It's the core experience of glamor, trimmed down and optimised for react.
key: value
key : [...fallbacks]
<selector> : {...}
@media <query>: {...}
@supports: {...}
@keyframes: {...}
@font-face: {...}
[todo]
[todo]
glam should 'just work' with react v16, streaming and all.
[todo] - when hydrating on the client side, use glam/hydrate
.
[todo - v15 shim]
global
scoped