CSS Variables

Preview

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

:root {
  /* Colors */
  --color-magenta-500: #f91880;
  --color-brand: #00ba7c;
  --color-x-black: #000000;
  --color-x-white: #ffffff;
  --color-x-neutral-300: #b2b2b2;
  --color-x-neutral-600: #666666;
  --color-x-neutral-800: #333333;
  --color-x-blue-000: #02113d;
  --color-x-blue-100: #003886;
  --color-x-blue-200: #005ac2;
  --color-x-blue-300: #006fd6;
  --color-x-blue-400: #0083eb;
  --color-x-blue-500: #1d9bf0;
  --color-x-blue-600: #43b3f6;
  --color-x-blue-700: #6bc9fb;
  --color-x-blue-800: #97e3ff;
  --color-x-blue-900: #bff2ff;

  /* Typography */
  --font-size-twitterchirp: calc(15 / var(--x-root-font-size,16) * 1rem * var(--x-font-scale,1));
  --font-size-twitterchirp-15px-400: 15px;
  --font-size-twitterchirp-11px-400: 11px;
  --font-size-google-sans-14px-400: 14px;
  --font-size-twitterchirp-12px-400: 12px;
  --font-size-twitterchirp-17px-400: 17px;
  --font-size-twitterchirp-13px-400: 13px;
  --font-size-twitterchirp-64px-600: 64px;

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

All Tokens