CSS Variables

Preview

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

:root {
  /* Colors */
  --color-grey: #e5e5e5;
  --color-black: #000000;

  /* Typography */
  --font-size-haas-grot-disp-45: 63px;
  --font-size-haas-grot-disp-45-4: 45px;
  --font-size-adobe-caslon-pro-2: 63px10px;
  --font-size-haas-grot-disp-45-7: 42px;
  --font-size-haas-grot-disp-45-8: 15.2px;
  --font-size-haas-grot-disp-45-9: 13.3px;
  --font-size-haas-grot-disp-45-12: 22.8px;
  --font-size-haas-grot-disp-45-16px-400: 16px;
  --font-size-haas-grot-disp-45-36px-300: 36px;

  /* Spacing */
  --spacing-1px: 1px;
  --spacing-1-2rem: 1.2rem;
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-20px: 20px;
  --spacing-32px: 32px;
  --spacing-40px: 40px;
  --spacing-70px: 70px;
  --spacing-80px: 80px;
  --spacing-100px: 100px;
  --spacing-150px: 150px;
  --spacing-155px: 155px;
  --spacing-160px: 160px;
  --spacing-180px: 180px;
  --spacing-200px: 200px;

  /* Border Radius */
…

All Tokens