CSS Variables

Preview

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

:root {
  /* Colors */
  --color-base: #090909;
  --color-base-80: #3d3d3d;
  --color-base-60: #717171;
  --color-base-40: #a3a3a3;
  --color-base-20: #d6d6d7;
  --color-button-outlined-bg-hover: rgba(0, 0, 0, 0.035);
  --color-button-ghost-inverted-bg-hover: rgba(255, 255, 255, 0.15);
  --color-syntax-declaration-color: #f39c12;
  --color-syntax-literal-color: #dda0dd;
  --color-syntax-error-color: #f9690e;
  --color-syntax-name-color: #7ed07e;

  /* Typography */
  --font-size-helveticaneue-condensedbold: calc(15px + 0.2vw);
  --font-size-helveticaneue-condensedbold-2: 19px;
  --font-size-sfmono-regular: 0.9em;
  --font-size-helveticaneue-condensedbold-3: 1.3em;

  /* Spacing */
  --spacing-0-125rem: 0.125rem;
  --spacing-0-2rem: 0.2rem;
  --spacing-0-25rem: 0.25rem;
  --spacing-0-3rem: 0.3rem;
  --spacing-1px: 1px;
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-11px: 11px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-40px: 40px;

…

All Tokens