CSS Variables

Preview

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

:root {
  /* Typography */
  --font-size-noto-sans-mono-13-125px-400: 13.125px;
  --font-size-noto-sans-mono-15px-400: 15px;

  /* Spacing */
  --spacing-1rem: 1rem;
  --spacing-1-25rem: 1.25rem;
  --spacing-1-5rem: 1.5rem;
  --spacing-1-75rem: 1.75rem;
  --spacing-2rem: 2rem;
  --spacing-2-5rem: 2.5rem;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-15px: 15px;
  --spacing-20px: 20px;
  --spacing-30px: 30px;

  /* Border Radius */
  --radius-25rem: .25rem;
  --radius-1rem: 1rem;
  --radius-10px: 10px;
  --radius-15px: 15px;
  --radius-20px: 20px;
  --radius-2px: 2px;
  --radius-4px: 4px;
  --radius-9999px: 9999px;
  --radius-0-5rem: 0.5rem;
  --radius-75rem: .75rem;
  --radius-8px: 8px;
  --radius-6px: 6px;

  /* Shadows */
  --shadow-1: 0 2px 10px rgba(0,0,0,.2);
…

All Tokens