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;

  /* Typography */
  --font-size-dashicons: 20px;
  --font-size-blanco: var(--font-size-body);
  --font-size-md-primer-bold: clamp(2rem,2rem + 1.2vw,3rem);
  --font-size-md-primer-bold-2: clamp(1.8rem,1.8rem + .2vw,3rem);
  --font-size-md-primer-bold-3: 2rem;
  --font-size-md-primer-bold-4: 1.5rem;
  --font-size-sfmono-regular: .6rem;
  --font-size-md-primer-bold-5: .5rem;
  --font-size-sfmono-regular-2: inherit;
…

All Tokens