mirror of
https://github.com/Nexoniarz/Niveus.git
synced 2026-11-03 12:44:26 +00:00
23b8dd376d
Bevelled controls with light falling across them, fields as wells, solid windows, and glass kept for the chrome that floats over everything else. Warm graphite in dark, soft paper in light, one brand color driving both. Ships its own fonts (Instrument Sans, JetBrains Mono; OFL). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
54 lines
2.1 KiB
CSS
54 lines
2.1 KiB
CSS
/* ==========================================================================
|
|
Niveus — Spacing and size
|
|
--------------------------------------------------------------------------
|
|
A 4px rhythm. The numeric suffix is the value in quarter-steps, so
|
|
--nv-space-4 is 16px and --nv-space-6 is 24px. Anything not on the scale is
|
|
application layout, not design-system spacing.
|
|
========================================================================== */
|
|
|
|
:root {
|
|
--nv-space-0: 0;
|
|
--nv-space-px: 1px;
|
|
--nv-space-0-5: 0.125rem; /* 2px */
|
|
--nv-space-1: 0.25rem; /* 4px */
|
|
--nv-space-1-5: 0.375rem; /* 6px */
|
|
--nv-space-2: 0.5rem; /* 8px */
|
|
--nv-space-2-5: 0.625rem; /* 10px */
|
|
--nv-space-3: 0.75rem; /* 12px */
|
|
--nv-space-4: 1rem; /* 16px */
|
|
--nv-space-5: 1.25rem; /* 20px */
|
|
--nv-space-6: 1.5rem; /* 24px */
|
|
--nv-space-7: 1.75rem; /* 28px */
|
|
--nv-space-8: 2rem; /* 32px */
|
|
--nv-space-10: 2.5rem; /* 40px */
|
|
--nv-space-12: 3rem; /* 48px */
|
|
--nv-space-14: 3.5rem; /* 56px */
|
|
--nv-space-16: 4rem; /* 64px */
|
|
--nv-space-20: 5rem; /* 80px */
|
|
--nv-space-24: 6rem; /* 96px */
|
|
--nv-space-32: 8rem; /* 128px */
|
|
|
|
/* --- Control sizing -------------------------------------------------------
|
|
Shared by every interactive control so a button, an input and a select
|
|
line up on the same row without per-component tuning. */
|
|
--nv-control-height-sm: 1.75rem; /* 28px */
|
|
--nv-control-height-md: 2.25rem; /* 36px */
|
|
--nv-control-height-lg: 2.75rem; /* 44px */
|
|
|
|
--nv-control-padding-sm: var(--nv-space-2-5);
|
|
--nv-control-padding-md: var(--nv-space-3);
|
|
--nv-control-padding-lg: var(--nv-space-4);
|
|
|
|
--nv-control-gap-sm: var(--nv-space-1-5);
|
|
--nv-control-gap-md: var(--nv-space-2);
|
|
--nv-control-gap-lg: var(--nv-space-2-5);
|
|
|
|
/* Minimum pointer target, independent of visual control height. */
|
|
--nv-target-min: 2.75rem; /* 44px */
|
|
|
|
/* --- Layout ---------------------------------------------------------------- */
|
|
--nv-layout-gutter: var(--nv-space-6);
|
|
--nv-layout-max-width: 72rem;
|
|
--nv-border-width: 1px;
|
|
--nv-border-width-strong: 2px;
|
|
}
|