CSS Variables

Preview

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

:root {
  /* Colors */
  --color-base-color-scale-black-0: #000000;
  --color-base-color-scale-white-0: #ffffff;
  --color-base-color-scale-gray-3: #c4ccc6;
  --color-base-color-scale-gray-5: #96a199;
  --color-base-color-scale-gray-6: #77827a;
  --color-base-color-scale-gray-7: #58635b;
  --color-base-color-scale-gray-8: #353d37;
  --color-base-color-scale-gray-9: #191f1b;
  --color-base-color-scale-blue-0: #ddf4ff;
  --color-base-color-scale-blue-1: #bcecff;
  --color-base-color-scale-blue-2: #8dd6ff;
  --color-base-color-scale-blue-3: #5fb9ff;
  --color-base-color-scale-blue-4: #3094ff;
  --color-base-color-scale-blue-5: #0377ff;
  --color-base-color-scale-blue-6: #0055d5;
  --color-base-color-scale-blue-7: #0040a7;
  --color-base-color-scale-blue-8: #002f7a;
  --color-base-color-scale-blue-9: #001c4d;
  --color-base-color-scale-green-0: #ebf9f4;
  --color-base-color-scale-green-1: #bfffd1;
  --color-base-color-scale-green-2: #8cf2a6;
  --color-base-color-scale-green-3: #5fed83;
  --color-base-color-scale-green-4: #23ea57;

  /* Typography */
  --font-size-mona-sans-vf-16px-400: 16px;
  --font-size-mona-sans-22px-480: 22px;
  --font-size-mona-sans-vf-14px-500: 14px;
  --font-size-mona-sans-34px-500: 34px;
  --font-size-mona-sans-28px-480: 28px;
  --font-size-mona-sans-56px-440: 56px;

  /* Spacing */
  --spacing-1rem: 1rem;
  --spacing-2px: 2px;
  --spacing-3px: 3px;
…

All Tokens