Mercurial

view design_system/src/styles/density.css @ 278:8d560f50ed4c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Improve infinite canvas interactions and browser chrome Render Lucide icons directly with Raylib, add searchable icon browsing, robust text editing, entity lifecycle animations, z-order-safe input, semantic themes, and animated editable browser controls. Document rendering, pinning, context, and component extension for future agents. Co-authored-by: Copilot <[email protected]> Copilot-Session: f68442b1-fa8f-46a0-9689-81710613bbd4
author MrJuneJune <me@mrjunejune.com>
date Mon, 17 Aug 2026 22:16:14 -0700
parents 60a876c4587a
children
line wrap: on
line source

:root,
:root[data-zen-density="comfortable"] {
  --zenbu-sys-control-height-xs: var(--zenbu-ref-size-control-xs);
  --zenbu-sys-control-height-sm: var(--zenbu-ref-size-control-sm);
  --zenbu-sys-control-height-md: var(--zenbu-ref-size-control-md);
  --zenbu-sys-control-height-lg: var(--zenbu-ref-size-control-lg);
  --zenbu-sys-control-height-xl: var(--zenbu-ref-size-control-xl);
}

:root[data-zen-density="compact"] {
  --zenbu-sys-control-height-xs: 1.75rem;
  --zenbu-sys-control-height-sm: 2rem;
  --zenbu-sys-control-height-md: 2.25rem;
  --zenbu-sys-control-height-lg: 2.75rem;
  --zenbu-sys-control-height-xl: 3.25rem;
  --zenbu-sys-control-padding-block-xs: var(--zenbu-ref-space-0-5);
  --zenbu-sys-control-padding-block-sm: var(--zenbu-ref-space-1);
  --zenbu-sys-control-padding-block-md: var(--zenbu-ref-space-1-5);
  --zenbu-sys-control-padding-block-lg: var(--zenbu-ref-space-2);
  --zenbu-sys-control-padding-block-xl: var(--zenbu-ref-space-3);
  --zenbu-sys-control-padding-inline-xs: var(--zenbu-ref-space-2);
  --zenbu-sys-control-padding-inline-sm: var(--zenbu-ref-space-2-5);
  --zenbu-sys-control-padding-inline-md: var(--zenbu-ref-space-3);
  --zenbu-sys-control-padding-inline-lg: var(--zenbu-ref-space-4);
  --zenbu-sys-control-padding-inline-xl: var(--zenbu-ref-space-5);
  --zenbu-sys-control-gap-xs: var(--zenbu-ref-space-0-5);
  --zenbu-sys-control-gap-sm: var(--zenbu-ref-space-1);
  --zenbu-sys-control-gap-md: var(--zenbu-ref-space-1-5);
  --zenbu-sys-control-gap-lg: var(--zenbu-ref-space-2);
  --zenbu-sys-control-gap-xl: var(--zenbu-ref-space-3);
}