shopify.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 129 tokens

Preview

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

:root {
  /* Colors */
  --color-ff6900: #ff6900;
  --color-f0b100: #f0b100;
  --color-00c950: #00c950;
  --color-2b7fff: #2b7fff;
  --color-dab2ff: #dab2ff;
  --color-ad46ff: #ad46ff;
  --color-d4d4d8: #d4d4d8;
  --color-9f9fa9: #9f9fa9;
  --color-52525c: #52525c;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-shade-40: #a1a1aa;
  --color-shade-50: #71717a;
  --color-shade-60: #52525b;
  --color-shade-70: #3f3f46;
  --color-pistachio-10: #d4f9e0;
  --color-aloe-10: #c1fbd4;
  --color-uc-glass: linear-gradient(#181d20,#181d20)padding-box,linear-gradient(180deg,#ffffff8c,#ffffff0f)border-box;
  --color-background-image-uc-glow: radial-gradient(circle at center,#6cd48480,#6cd48424 44%,transparent 68%);
  --color-uc-fade-mask: linear-gradient(to bottom,transparent 0,#000 11%,#000 89%,transparent 100%);
  --color-shop-purple: #5433eb;
  --color-ffffff: #ffffff;
  --color-061a1c: #061a1c;
  --color-000000: #000000;

  /* Typography */
  --font-size-shopify-inter-16px-400: 16px;
  --font-size-shopify-inter-14px-420: 14px;
  --font-size-inter-12px-200: 12px;
  --font-size-shopify-inter-20px-450: 20px;
  --font-size-shopify-inter-18px-400: 18px;
  --font-size-shopify-inter-56px-330: 56px;
  --font-size-shopify-inter-44px-330: 44px;
  --font-size-shopify-inter-24px-400: 24px;
  --font-size-inter-10px-200: 10px;
  --font-size-shopify-inter-96px-300: 96px;
…