ezcss
Super lite CSS-in-JS solution.
Usage
Import renderer.
; const renderer = ;const rule sheet withStyles useStyles styled css = renderer;
Render a single "rule".
const className = ; <div className=className />
Create a "styles sheet" with multiple lazy-evaluating rules.
const styles = ; <div className=stylesmain />
Injects styles
prop into component.
const styles = main: border: '1px solid red' ; const MyComp = ;
Use styles
object in your component.
const styles = main: border: '1px solid red' ; const MyComp = ;
Create "styled" components.
const Div = ; <Div>Hello world!</Div>
Stateful component style decorator.
@ { }
Server Side Rendering
excss
works in Node.js environment as well. Use .raw
property to access raw CSS styles
on server and include then in your template.
const html += `<style></style>`;
License
Unlicense — public domain.