CSS Variables

CSS custom properties · :root scope · 109 tokens

Preview

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

:root {
  /* Colors */
  --color-r-globalnav-background-opened: #fafafc;
  --color-sk-focus-color: #0071e3;
  --color-sk-focus-color-alt: rgb(0, 0, 0);
  --color-sk-body-link-color: rgb(0, 102, 204);
  --color-sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88);
  --color-sk-glyph-gray-secondary: rgb(110, 110, 115);
  --color-sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56);
  --color-sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
  --color-sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72);
  --color-sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48);
  --color-sk-glyph-orange: rgb(182, 68, 0);
  --color-sk-glyph-green: rgb(0, 128, 9);
  --color-sk-glyph-red: rgb(227, 0, 0);
  --color-sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16);
  --color-sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08);
  --color-sk-fill-orange: rgb(245, 99, 0);
  --color-sk-fill-green: rgb(3, 161, 14);
  --color-sk-fill-green-secondary: rgb(245, 255, 246);
  --color-sk-fill-yellow: rgb(255, 224, 69);

  /* Typography */
  --font-size-sf-pro-text: 12px;
  --font-size-sf-pro-display: 28px;
  --font-size-sf-pro-text-2: 17px;
  --font-size-sf-pro-display-2: 19px;
  --font-size-sf-pro-display-3: 24px;
  --font-size-sf-pro-text-7: 14px;
  --font-size-sf-pro-display-5: 21px;
  --font-size-sf-pro-icons: inherit;
  --font-size-sf-pro-text-44px-400: 44px;
  --font-size-sf-pro-display-40px-600: 40px;
  --font-size-sf-pro-text-25-5px-600: 25.5px;
  --font-size-sf-pro-text-18px-300: 18px;

  /* Spacing */
  --spacing-2px: 2px;
…