netlify.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 130 tokens

Preview

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

:root {
  /* Colors */
  --color-ntl-active-switcher-tab-bg-color: #0c2a2a;
  --color-ntl-badge-bg-color: #1e242c;
  --color-ntl-badge-text-color: #e6ecf2;
  --color-ntl-blockquote-accent-color: #32e6e2;
  --color-ntl-blue-100: #cde2ff;
  --color-ntl-blue-200: #b5d2fb;
  --color-ntl-blue-300: #9cbef6;
  --color-ntl-blue-400: #80abfa;
  --color-ntl-blue-500: #5d8df5;
  --color-ntl-blue-600: #316bf4;
  --color-ntl-blue-700: #2e51ed;
  --color-ntl-blue-800: #2036a1;
  --color-ntl-blue-900: #1b205b;
  --color-ntl-button-outline-bg-color-hover: #3b434c;
  --color-ntl-button-primary-bg-color-hover: #8efbf7;
  --color-ntl-card-border-color-hover: #014847;
  --color-ntl-color-brand-primary: #14d8d4;
  --color-ntl-color-disabled-border: #4d565f;
  --color-ntl-color-highlight-bg: #d8c7ff;
  --color-srgb-0-870588: color(srgb 0.870588 1 0.996078 / 0.2);
  --color-srgb-0-207843: color(srgb 0.207843 0.227451 0.243137 / 0.12);

  /* Typography */
  --font-size-youtube-noto: 18px;
  --font-size-instrument-sans-16px-400: 16px;
  --font-size-martian-mono-14px-400: 14px;
  --font-size-figtree-64px-800: 64px;
  --font-size-figtree-32px-700: 32px;
  --font-size-figtree-24px-700: 24px;
  --font-size-figtree-48px-700: 48px;
  --font-size-martian-mono-12px-700: 12px;

  /* Spacing */
  --spacing-0rem: 0rem;
  --spacing-1rem: 1rem;
  --spacing-1px: 1px;
…