CSS Variables

Preview

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

:root {
  /* Colors */
  --color-font-h1-color: #000000;
  --color-error: #8B0000;
  --color-success: #006400;
  --color-white: #FFFFFF;
  --color-instock: #3ED660;
  --color-lowstock: #EE9441;
  --color-outofstock: #C8C8C8;
  --color-gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
  --color-primary: #5c5c5c;
  --color-primary-button-hover-background: #333333;
  --color-oke-filter-searchhighlightcolor: #999999;
  --color-oke-mediagrid-chevroncolor: #676986;

  /* Typography */
  --font-size-oke-widget-icons-important: 12px;
  --font-size-oke-widget-icons-important-2: 24px;
  --font-size-greycliff-cf-18px-400: 18px;
  --font-size-greycliff-cf-16px-400: 16px;
  --font-size-featuredisplay-72px-400: 72px;

  /* Spacing */
  --spacing-0rem: 0rem;
  --spacing-0-125rem: 0.125rem;
  --spacing-0-25rem: 0.25rem;
  --spacing-0-3rem: 0.3rem;
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-15px: 15px;
  --spacing-20px: 20px;
  --spacing-300px: 300px;

  /* Border Radius */
…

All Tokens