32 lines
1.3 KiB
SCSS
32 lines
1.3 KiB
SCSS
// ─── Base tokens (theme-independent) ──────────────────────────────────────────
|
|
|
|
:root {
|
|
--nds-none: 0;
|
|
|
|
// ── Spacing ───────────────────────────────────────────────────────────────
|
|
--nds-spacing-3xs: 2px;
|
|
--nds-spacing-2xs: 4px;
|
|
--nds-spacing-xs: 8px;
|
|
--nds-spacing-sm: 12px;
|
|
--nds-spacing-md: 16px;
|
|
--nds-spacing-lg: 24px;
|
|
--nds-spacing-xl: 32px;
|
|
--nds-spacing-2xl: 48px;
|
|
--nds-spacing-3xl: 64px;
|
|
|
|
// ── Radius ────────────────────────────────────────────────────────────────
|
|
--nds-radius-xs: 2px;
|
|
--nds-radius-sm: 4px;
|
|
--nds-radius-md: 8px;
|
|
--nds-radius-lg: 12px;
|
|
--nds-radius-xl: 16px;
|
|
--nds-radius-2xl: 24px;
|
|
--nds-radius-3xl: 32px;
|
|
--nds-radius-full: 9999px;
|
|
|
|
// ── Border widths ─────────────────────────────────────────────────────────
|
|
--nds-border-width-thin: 1px;
|
|
--nds-border-width-medium: 2px;
|
|
--nds-border-width-thick: 4px;
|
|
}
|