apossible.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 111 tokens

Preview

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

:root {
  /* Colors */
  --color-bg-black: hsla(51, 0%, 12%, 1);
  --color-bg-black-transparent: hsla(51, 0%, 12%, 0.8);
  --color-border-off-white: hsla(51, 33%, 94%, 1);
  --color-bg-off-white: hsla(51, 9%, 95%, 1);
  --color-bg-off-white-dark: hsla(51, 3%, 80%, 1);
  --color-path-off-white: hsla(51, 33%, 94%, 0.4);
  --color-button-border: hsla(0, 0%, 50%, 0.25);
  --color-bg-white: #FFFFFF;
  --color-text-black: #333333;
  --color-text-grey: #999999;
  --color-text-darken: rgba(0,0,0,95);
  --color-grid-stroke: hsla(51, 33%, 94%, 0.3);
  --color-colour-1: #797d62;
  --color-colour-2: #9b9b7a;
  --color-colour-3: #d9ae94;
  --color-colour-4: #f1dca7;
  --color-colour-5: #ffcb69;
  --color-colour-6: #e8ac65;
  --color-colour-7: #d08c60;
  --color-colour-8: #997b66;

  /* Typography */
  --font-size-apossible: 23px;
  --font-size-neue-haas-unica-w04-regular-16px-400: 16px;
  --font-size-ibm-plex-mono-12px-400: 12px;
  --font-size-neue-haas-unica-w04-regular-25px-400: 25px;
  --font-size-neue-haas-unica-w04-regular-0px-400: 0px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
…