Skip to Content
DocumentationAddonsemmet

emmet

A superset of the atoms addon using Emmet  abbreviations.

const className = nano.rule({
  c: '#fafafa',       // color
  bgc: '#424242',     // background-color
  bd: '1px solid #424242', // border
});

Warning: Do not use both atoms and emmet at the same time — some abbreviations may conflict.

See the Emmet cheatsheet  (CSS section) for all abbreviations.

Installation

import { addon as addonEmmet } from 'nano-css/addon/emmet';
addonEmmet(nano);
Last updated on
atomsnesting