CSS Variables

Preview

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

:root {
  /* Typography */
  --font-size-avenir-next-world-demi-20px-400: 20px;
  --font-size-avenir-next-world-medium-18px-400: 18px;
  --font-size-avenir-next-world-medium-16px-400: 16px;
  --font-size-avenir-next-world-extrabold-32px-400: 32px;
  --font-size-avenir-next-world-bold-42px-400: 42px;
  --font-size-avenir-next-world-black-48px-900: 48px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-11px: 11px;
  --spacing-12px: 12px;
  --spacing-14px: 14px;
  --spacing-16px: 16px;
  --spacing-18px: 18px;
  --spacing-20px: 20px;
  --spacing-22px: 22px;
  --spacing-24px: 24px;
  --spacing-30px: 30px;
  --spacing-37px: 37px;
  --spacing-40px: 40px;
  --spacing-47px: 47px;
  --spacing-50px: 50px;
  --spacing-60px: 60px;
  --spacing-100px: 100px;
  --spacing-110px: 110px;
  --spacing-160px: 160px;

  /* Border Radius */
  --radius-20px: 20px;
  --radius-9px: 9px;
  --radius-8px: 8px;
  --radius-12px: 12px;
…

All Tokens