squareup.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 111 tokens

Preview

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

:root {
  /* Colors */
  --color-blue: #006aff;
  --color-blue-dark: #0055cc;
  --color-blue-light: #cee7f3;
  --color-blue-color-mode-dark: #1379f3;
  --color-red: #df3320;
  --color-green: #0bb634;
  --color-plum: #a1499c;
  --color-rose: #c14f70;
  --color-gray-30: #bbbbbb;
  --color-gray-55: #707070;
  --color-gray-75: #333333;
  --color-gray-93: #000000;
  --color-transparent: rgba(0, 0, 0, 0);
  --color-border-transparent: rgba(128, 128, 128, .35);
  --color-accent-transparent: rgba(0, 0, 0, .06);
  --color-drop-shadow: rgba(0, 0, 0, .16);
  --color-drop-shadow-theme: rgba(0, 0, 0, .32);
  --color-accessibility-focus-outline-color: rgba(0, 106, 255, .8);
  --color-blue-400: #4a95ff;

  /* Typography */
  --font-size-menlo: 90%;
  --font-size-square-sans-display-vf: 2.2rem;
  --font-size-square-sans-text-vf: 12px;
  --font-size-square-sans-text-vf-2: 16px;
  --font-size-square-sans-text-vf-4: 20px;
  --font-size-square-sans-text-vf-5: 14px;
  --font-size-monaco: .9em;
  --font-size-square-sans-display-vf-28px-500: 28px;
  --font-size-square-market-24px-700: 24px;

  /* Spacing */
  --spacing-0rem: 0rem;
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
…