Minimal API surface
You write some styles, you get back a scoped class name. That's all.
It's like CSS modules, except you get to colocate your styles next to your markup and get the IDE experience of JavaScript variable references.
import { css } from '@acab/ecsstatic'
export const Button = () => {
return <button class={button}>hello</button>
}
const button = css`
background-color: tomato;
border-radius: 4px;
padding: 0.5rem 1rem;
transition: background-color 0.2s;
&:hover {
background-color: crimson;
}
`