CSS Variables

Preview

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

:root {
  /* Colors */
  --color-dark-grey: #222222;
  --color-grey: #555555;
  --color-light-grey: #e8e8e8;
  --color-white-60: hsla(0,0%,100%,0.6);
  --color-white-80: hsla(0,0%,100%,0.8);
  --color-heliotrope: #a074ff;
  --color-heliotrope-30: rgba(160,116,255,0.3);
  --color-magnolia: #f9f5ff;
  --color-mineshaft-10: rgba(43,43,43,0.1);
  --color-mineshaft-20: rgba(43,43,43,0.2);
  --color-mineshaft-30: rgba(43,43,43,0.3);
  --color-mineshaft-40: rgba(43,43,43,0.4);
  --color-mineshaft-60: rgba(43,43,43,0.6);
  --color-mineshaft-80: rgba(43,43,43,0.8);
  --color-purple: #6219ff;
  --color-violet: #8147ff;
  --color-chartreuse: #deff00;
  --color-flush: #ff8400;

  /* Typography */
  --font-size-labilvariable-11px-400: 11px;
  --font-size-bradford-17px-400: 17px;
  --font-size-labil-13px-400: 13px;
  --font-size-bradford-0px-400: 0px;

  /* Spacing */
  --spacing-0-2777777778rem: 0.2777777778rem;
  --spacing-0-5555555556rem: 0.5555555556rem;
  --spacing-1px: 1px;
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-9px: 9px;
…

All Tokens