stylis

Write CSS as strings using the Stylis preprocessor.


const className = nano.rule(`
  color: red;
  &:hover {
    color: blue;
  }
`);

Note: Some other addons may not work when using Stylis string syntax.

Installation


import { addon as addonStylis } from 'nano-css/addon/stylis';
addonStylis(nano);

Last updated on February 16, 2026