CSS Variables

Preview

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

:root {
  /* Colors */
  --color-cta-background-color: #ffe01b;
  --color-cta-background-color-disabled: #dbd9d2;
  --color-cta-stroke-color: #231e15;
  --color-link-background-hovered: rgba(255,224,27,.65);
  --color-copy-color-light: rgba(35,30,21,.65);

  /* Typography */
  --font-size-source-code-pro: 100%;
  --font-size-means-web: var(--h5-size);
  --font-size-means-web-2: var(--display-text-size);
  --font-size-means-web-3: var(--h1-size);
  --font-size-means-web-4: var(--h2-size);
  --font-size-means-web-5: var(--h3-size);
  --font-size-means-web-7: var(--copy-jumbo-size);
  --font-size-means-web-8: 9.6vw;
  --font-size-means-web-9: 1.75rem;
  --font-size-means-web-10: 1.125rem;
  --font-size-means-web-11: .875rem;
  --font-size-means-web-12: 1.25rem;
  --font-size-means-web-14: 2.25rem;
  --font-size-tally-16px-400: 16px;
  --font-size-tally-13px-400: 13px;
  --font-size-tally-12px-400: 12px;
  --font-size-means-web-48px-400: 48px;
  --font-size-tally-20px-400: 20px;
  --font-size-means-web-28-8px-400: 28.8px;

  /* Spacing */
  --spacing-3px: 3px;
  --spacing-5px: 5px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-24px: 24px;
  --spacing-32px: 32px;
…

All Tokens