stripe.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 144 tokens

Preview

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

:root {
  /* Colors */
  --color-hds-color-core-brand-25: #f5f5ff;
  --color-hds-color-core-brand-50: #e8e9ff;
  --color-hds-color-core-brand-100: #d6d9fc;
  --color-hds-color-core-brand-200: #b9b9f9;
  --color-hds-color-core-brand-300: #9a9afe;
  --color-hds-color-core-brand-400: #7f7dfc;
  --color-hds-color-core-brand-500: #665efd;
  --color-hds-color-core-brand-600: #533afd;
  --color-hds-color-core-brand-700: #4032c8;
  --color-hds-color-core-brand-800: #2e2b8c;
  --color-hds-color-core-brand-900: #1c1e54;
  --color-hds-color-core-brand-950: #161741;
  --color-hds-color-core-branddark-75: #ccdaff;
  --color-hds-color-core-branddark-200: #a8bfff;
  --color-hds-color-core-branddark-300: #92adff;
  --color-hds-color-core-branddark-400: #7389ff;
  --color-hds-color-core-branddark-700: #362baa;
  --color-srgb-0-898039: color(srgb 0.898039 0.929412 0.960784 / 0.5);

  /* Typography */
  --font-size-sohne-var-16px-400: 16px;
  --font-size-sohne-var-10px-300: 10px;
  --font-size-sohne-var-11px-300: 11px;
  --font-size-sohne-var-9px-300: 9px;
  --font-size-sohne-var-14px-400: 14px;
  --font-size-sohne-var-12px-400: 12px;
  --font-size-sohne-var-26px-400: 26px;
  --font-size-sohne-var-8px-400: 8px;
  --font-size-sohne-var-48px-300: 48px;
  --font-size-sohne-var-13px-400: 13px;
  --font-size-sohne-var-18px-300: 18px;
  --font-size-sohne-var-32px-300: 32px;
  --font-size-sohne-var-22px-300: 22px;
  --font-size-sohne-var-15px-400: 15px;
  --font-size-sohne-var-56px-300: 56px;

…