vanilla-style
Functional modal css-in-js.
Easy set HTMLElement styles, and easy use css-in-js make like pretend class: hover, active:
Size 2kb
Install
$ npm install --save vanilla-style
Use
; const box = document; box;
Use sheet
Sheet is some style Functions:
;; sheet.headerheader;sheet.titletitle;
Middleware
vanilla-style built-in middlewares:
name | detail |
---|---|
$hover | Like css:hover |
$active | Like css:active |
$flex | Quick set flex css |
$media | If window.innerWidth and set style |
$pc | If at Desktop and set style |
$mobile | if at Mobile and set style |
We can create self middleware, $bg:
style;
Use middleware style params:
const box = document; box;