unitless

Automatically appends px to numeric values for properties that require units.


nano.put('.foo', {
  width: 50,
  zIndex: 10,
});


.foo {
  width: 50px;
  z-index: 10;
}

Properties like opacity, z-index, flex, etc. remain unitless.

Installation


import { addon as addonUnitless } from 'nano-css/addon/unitless';
addonUnitless(nano);

Last updated on February 16, 2026