CSS Variables

Preview

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

:root {
  /* Colors */
  --color-primary-orange: #ff6101;
  --color-secondary-color: #5201d9;

  /* Typography */
  --font-size-lato-16px-400: 16px;
  --font-size-lato-14px-400: 14px;
  --font-size-lato-36px-700: 36px;
  --font-size-lato-18px-400: 18px;

  /* Spacing */
  --spacing-1rem: 1rem;
  --spacing-1-25rem: 1.25rem;
  --spacing-1-5rem: 1.5rem;
  --spacing-1-75rem: 1.75rem;
  --spacing-2px: 2px;
  --spacing-2rem: 2rem;
  --spacing-4px: 4px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-22px: 22px;
  --spacing-32px: 32px;
  --spacing-33px: 33px;
  --spacing-48px: 48px;
  --spacing-60px: 60px;
  --spacing-64px: 64px;

  /* Border Radius */
  --radius-25rem: .25rem;
  --radius-1rem: 1rem;
  --radius-20px: 20px;
  --radius-2px: 2px;
  --radius-9999px: 9999px;
  --radius-75rem: .75rem;
…

All Tokens