36 lines
1.0 KiB
CSS
36 lines
1.0 KiB
CSS
/* ============================================================
|
|
ChicoryTV — Spacing tokens
|
|
4px base grid. Dense admin rhythm.
|
|
============================================================ */
|
|
:root {
|
|
--space-0: 0px;
|
|
--space-1: 2px;
|
|
--space-2: 4px;
|
|
--space-3: 6px;
|
|
--space-4: 8px;
|
|
--space-5: 10px;
|
|
--space-6: 12px;
|
|
--space-7: 16px;
|
|
--space-8: 20px;
|
|
--space-9: 24px;
|
|
--space-10: 32px;
|
|
--space-11: 40px;
|
|
--space-12: 56px;
|
|
|
|
/* Semantic */
|
|
--gap-inline: var(--space-4); /* between inline controls */
|
|
--pad-control-x: var(--space-7); /* button/input horizontal pad */
|
|
--pad-control-y: var(--space-4);
|
|
--pad-card: var(--space-9); /* card interior */
|
|
--pad-cell-x: var(--space-7); /* table cell */
|
|
--pad-cell-y: var(--space-5);
|
|
--pad-page: var(--space-10); /* page gutter */
|
|
|
|
/* Fixed chrome sizes */
|
|
--sidebar-w: 232px;
|
|
--topbar-h: 52px;
|
|
--row-h: 44px; /* table / list row */
|
|
--control-h: 34px; /* buttons, inputs */
|
|
--control-h-sm:28px;
|
|
}
|