cssom

Creates CSSRule objects in the browser for direct style manipulation.


const rule = nano.createRule('.my-component');
rule.style.color = 'red';
rule.style.setProperty('color', 'green');

With Media Queries


const rule = nano.createRule(
  '.my-component',
  '@media only screen and (max-width: 600px)'
);


import { addon as addonCssom } from 'nano-css/addon/cssom';
addonCssom(nano);

Last updated on February 16, 2026