CSS Variables

Preview

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

:root {
  /* Colors */
  --color-srgb-0-45098-0: color(srgb 0.45098 0.45098 0.45098 / 0.3);

  /* Typography */
  --font-size-abc-diatype-16px-400: 16px;
  --font-size-abc-diatype-12px-400: 12px;
  --font-size-abc-monument-grotesk-mono-14px-400: 14px;
  --font-size-abc-monument-grotesk-mono-25-1852px-400: 25.1852px;
  --font-size-abc-diatype-36px-500: 36px;
  --font-size-abc-diatype-18px-500: 18px;
  --font-size-abc-diatype-135px-400: 135px;
  --font-size-abc-diatype-24px-400: 24px;
  --font-size-abc-diatype-11-8519px-400: 11.8519px;

  /* Spacing */
  --spacing-1px: 1px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-15px: 15px;
  --spacing-16px: 16px;
  --spacing-18px: 18px;
  --spacing-20px: 20px;
  --spacing-22px: 22px;
  --spacing-24px: 24px;
  --spacing-80px: 80px;
  --spacing-100px: 100px;

  /* Border Radius */
  --radius-3px: 3px;
  --radius-50: 50%;
  --radius-20px: 20px;
…

All Tokens