CSS Variables

Preview

/* Generated by UI Archive — ui-archive.com */

:root {
  /* Typography */
  --font-size-fricolage-grotesque: 0.75rem;
  --font-size-mackinac: 1.0625rem;
  --font-size-mackinac-2: [object Object];
  --font-size-sf-mono: 0.875rem;
  --font-size-fricolage-grotesque-16px-325: 16px;
  --font-size-fricolage-grotesque-14-5px-450: 14.5px;
  --font-size-fricolage-grotesque-19px-450: 19px;
  --font-size-fricolage-grotesque-15-5px-450: 15.5px;
  --font-size-fricolage-grotesque-17px-325: 17px;
  --font-size-mackinac-36px-500: 36px;
  --font-size-mackinac-64px-500: 64px;
  --font-size-fricolage-grotesque-15px-450: 15px;
  --font-size-fricolage-grotesque-12px-575: 12px;
  --font-size-mackinac-48px-500: 48px;
  --font-size-fricolage-grotesque-18px-325: 18px;

  /* Spacing */
  --spacing-0-125rem: 0.125rem;
  --spacing-0-15rem: 0.15rem;
  --spacing-0-25rem: 0.25rem;
  --spacing-0-3rem: 0.3rem;
  --spacing-0-33rem: 0.33rem;
  --spacing-0-375rem: 0.375rem;
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-24px: 24px;
  --spacing-32px: 32px;
  --spacing-40px: 40px;
…

All Tokens