view design_system/src/styles/density.css @ 272:41a49c29a28f

polish JRPG conversation experience Integrate desktop conversations into the utility panel, simplify the mobile frame, add modal destinations and a reusable Zenbu composer lab, and preserve explicit conversation resume behavior. Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Fri, 07 Aug 2026 16:05:29 -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);
}