CSS Variables

Preview

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

:root {
  /* Colors */
  --color-article-theme-primary: #481a54;
  --color-sidebar-color: #400d40;
  --color-sidebar-highlight-color: #1264a3;
  --color-attachment-color: #000000;

  /* Typography */
  --font-size-salesforce-avant-garde: .875rem;
  --font-size-inherit-important: inherit;
  --font-size-slack-lato: .8125rem;
  --font-size-salesforce-sans-16px-400: 16px;
  --font-size-salesforce-sans-14px-400: 14px;
  --font-size-salesforce-sans-18px-400: 18px;
  --font-size-salesforce-avant-garde-24px-700: 24px;
  --font-size-salesforce-sans-12px-400: 12px;
  --font-size-salesforce-sans-15px-700: 15px;
  --font-size-salesforce-avant-garde-22px-600: 22px;
  --font-size-salesforce-avant-garde-32px-700: 32px;
  --font-size-salesforce-avant-garde-80px-700: 80px;
  --font-size-salesforce-avant-garde-64px-700: 64px;
  --font-size-salesforce-avant-garde-50px-600: 50px;
  --font-size-salesforce-sans-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;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-24px: 24px;
  --spacing-32px: 32px;
…

All Tokens