replit.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 148 tokens

Preview

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

:root {
  /* Colors */
  --color-brand-text: #1b252b;
  --color-brand-secondary-text: #5c6062;
  --color-brand-text-light: #f5f9fc;
  --color-brand-accent-strongest: #feccb3;
  --color-brand-accent-stronger: #fe9c6c;
  --color-brand-accent-default: #ec4e02;
  --color-brand-accent-dimmer: #bb3e02;
  --color-brand-accent-dimmest: #7e2a01;
  --color-111827: #111827;

  /* Typography */
  --font-size-replit-diatype-14px-400: 14px;
  --font-size-replit-diatype-13-3333px-400: 13.3333px;
  --font-size-replit-diatype-36px-400: 36px;
  --font-size-replit-diatype-12px-400: 12px;
  --font-size-replit-diatype-10-4px-400: 10.4px;
  --font-size-replit-diatype-16px-400: 16px;
  --font-size-replit-diatype-20px-400: 20px;
  --font-size-replit-diatype-15px-400: 15px;
  --font-size-replit-diatype-32px-400: 32px;
  --font-size-replit-diatype-11-7px-400: 11.7px;
  --font-size-replit-diatype-mono-13px-500: 13px;
  --font-size-replit-diatype-18px-600: 18px;
  --font-size-replit-diatype-40px-400: 40px;
  --font-size-replit-diatype-64px-400: 64px;
  --font-size-replit-diatype-68-92px-400: 68.92px;
  --font-size-replit-diatype-28px-400: 28px;
  --font-size-replit-diatype-mono-11px-500: 11px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
…