typeform.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 119 tokens

Preview

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

:root {
  /* Colors */
  --color-tokens-surfaces-background-idle: #faf9fb;
  --color-tokens-text-colour-text-colour-primary: #2a222b;
  --color-tokens-text-colour-text-colour-secondary: #655d67;
  --color-tokens-text-colour-eyebrow-colour: #a25fba;
  --color-tokens-button-primary-bg-hover: #564b58;
  --color-colour-primitives-primitives-purple-800: #753a88;
  --color-colour-primitives-primitives-neutral-900: #3e3040;
  --color-colour-primitives-primitives-purple-700: #9454ab;
  --color-colour-primitives-get-real-500: #b66dd5;
  --color-colour-primitives-primitives-purple-300: #eccffa;
  --color-colour-primitives-primitives-yellow-200: #fcf0ca;
  --color-colour-primitives-primitives-red-600: #ce5d55;
  --color-colour-primitives-primitives-green-700: #457d4e;
  --color-colour-primitives-primitives-green-400: #97da90;
  --color-colour-primitives-primitives-neutral-600: #837a85;
  --color-colour-primitives-get-real-800: #580273;
  --color-colour-primitives-primitives-yellow-300: #fbe19d;
  --color-colour-primitives-primitives-green-300: #c4e3ba;
  --color-colour-primitives-primitives-blue-300: #bdddf9;

  /* Typography */
  --font-size-gt-america-web: 14px;
  --font-size-tobias: var(--_typography---primitives--headings--size-3-size);
  --font-size-tobias-2: 2.25rem;
  --font-size-twklausanne-400: 1rem;
  --font-size-tobias-3: 2rem;
  --font-size-tobias-4: .9375rem;
  --font-size-tobias-5: 1.125rem;
  --font-size-tobias-6: 5.75rem;
  --font-size-twklausanne-350: 1.5rem;
  --font-size-twklausanne-350-2: 2.125rem;
  --font-size-tobias-7: 3rem;
  --font-size-tobias-8: 4rem;
  --font-size-twklausanne-700: .875rem;
  --font-size-twklausanne-350-3: 1.875rem;
  --font-size-twklausanne-400-16px-400: 16px;
…