Package Exports

nano-css
nano-css/addon/animate/fadeIn
nano-css/addon/animate/fadeInDown
nano-css/addon/animate/fadeInScale
nano-css/addon/atoms
nano-css/addon/cache
nano-css/addon/decorator
nano-css/addon/drule
nano-css/addon/dsheet
nano-css/addon/googleFont
nano-css/addon/jsx
nano-css/addon/keyframes
nano-css/addon/nesting
nano-css/addon/prefixer
nano-css/addon/reset-font
nano-css/addon/rule
nano-css/addon/sheet
nano-css/addon/stable
nano-css/addon/style
nano-css/addon/styled
nano-css/addon/unitless
nano-css/addon/useStyles

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (nano-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

nano-css

Tiny 5^th generation CSS-in-JS library that you can actually use in production; with tons of addons.

Only 0.5 Kb in base configuration
Library-agnostic — use it standalone, with React, Preact, Vue.js, or any other library
Isomorphic — render on server and browser, generates stable class names, and re-hydrates
Performant — does not create wrapper components, does not use inline styles or inline <style> elements in the document body, but caches all class names for re-use and injects CSS using .insertRule() for performance
@media queries and animation @keyframes are supported
Auto-prefixes your styles

Reference

Installation
Addons
- put()
- rule()
- drule()
- sheet()
- dsheet()
- jsx()
- useStyles()
- withStyles()
- decorator
- component
- style()
- styled()()
- hyperstyle()
- stable
- atoms
- nesting
- keyframes()
- hydrate
- prefixer
- stylis
- unitless
- !important
- :global
- animate/*
- reset/*
- reset-font
- googleFont()
- limit
- amp
Server-side rendering

Installation

npm i nano-css --save

License

Unlicense — public domain.