CSS foundation for the Nanoo Labs ecosystem. Design tokens, resets, and utility components built on LightningCSS.

Quick Start

pnpm add @nlbs/css

import "@nlbs/css"

Or via CDN:

<link rel="stylesheet" href="https://unpkg.com/@nlbs/css" />

Features

• Design tokens: CSS custom properties (--nl-*) for colors, spacing, radius, typography
• Dark-first: dark mode by default, light override via @media + [data-theme]
• Zero runtime: no pre-processor, no framework. Static CSS output
• Components: BEM-like nl-* classes: container, button, card, text utilities

Architecture

• Build: LightningCSS CLI - bundling, minification, autoprefix
• Tokens: CSS custom properties (--nl-*) - colors, spacing (REM), radius, typography
• Components: BEM-like nl-* classes
• Output: dist/nanoo.min.css

Development

git clone https://github.com/nanoolabs/css.git # clone repo
cd css/      # move to directory repo @nlbs/css
pnpm install # install deps
pnpm build   # minify → dist/nanoo.min.css
pnpm dev     # unminified → dist/nanoo.css

Maintained

@aadnanmt | Nanoo Labs