CSS Variables

Preview

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

:root {
  /* Colors */
  --color-ld-color-primitives-blue-100: #f3f8ff;
  --color-ld-color-primitives-blue-150: #d6defb;
  --color-ld-color-primitives-blue-175: #b6c7f7;
  --color-ld-color-primitives-blue-200: #98acf5;
  --color-ld-color-primitives-blue-500: #235af3;
  --color-ld-color-primitives-blue-800: #0e2a90;
  --color-ld-color-primitives-green-100: #eef7f1;
  --color-ld-color-primitives-green-250: #7cd09d;
  --color-ld-color-primitives-green-300: #3eab6a;
  --color-ld-color-primitives-green-500: #2b7f4d;
  --color-ld-color-primitives-green-800: #055224;
  --color-ld-color-primitives-grey-150: #d2d7e2;
  --color-ld-color-primitives-grey-200: #a7adc2;
  --color-ld-color-primitives-grey-350: #8d90a7;
  --color-ld-color-primitives-grey-500: #73738c;
  --color-ld-color-primitives-grey-800: #4a4a68;
  --color-ld-color-primitives-grey-900: #0e0e2c;
  --color-ld-color-primitives-red-100: #faeeee;
  --color-ld-color-primitives-red-200: #f6cfcf;
  --color-ld-color-primitives-red-250: #ee8b8d;
  --color-ld-color-primitives-red-300: #e65255;
  --color-ld-color-primitives-red-500: #db0000;
  --color-ld-color-primitives-red-800: #8f0000;
  --color-ld-color-primitives-yellow-100: #fdf8ec;
  --color-ld-color-primitives-yellow-200: #f9d99e;
  --color-srgb-0-0-0-0: color(srgb 0 0 0 / 0.25);

  /* Typography */
  --font-size-dashicons: 20px;
  --font-size-sfmono-regular: .6rem;
  --font-size-sfmono-regular-2: var(--font-size-8);
  --font-size-gotham-narrow-ssm-a: 1.4rem;
  --font-size-sfmono-regular-3: 1rem;
  --font-size-dashicons-2: 22px;
  --font-size-dashicons-3: 18px;
  --font-size-open-sans: .75em;
…

All Tokens