instagram.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 110 tokens

Preview

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

:root {
  /* Colors */
  --color-fds-black-alpha-05: rgba(0, 0, 0, 0.05);
  --color-fds-black-alpha-10: rgba(0, 0, 0, 0.1);
  --color-fds-black-alpha-15: rgba(0, 0, 0, 0.15);
  --color-fds-black-alpha-20: rgba(0, 0, 0, 0.2);
  --color-fds-black-alpha-30: rgba(0, 0, 0, 0.3);
  --color-fds-black-alpha-40: rgba(0, 0, 0, 0.4);
  --color-fds-black-alpha-50: rgba(0, 0, 0, 0.5);
  --color-fds-black-alpha-60: rgba(0, 0, 0, 0.6);
  --color-fds-black-alpha-80: rgba(0, 0, 0, 0.8);
  --color-fds-green-60: #31A73B;
  --color-fds-white-alpha-05: rgba(255, 255, 255, 0.05);
  --color-fds-white-alpha-10: rgba(255, 255, 255, 0.1);
  --color-fds-white-alpha-20: rgba(255, 255, 255, 0.2);
  --color-fds-white-alpha-30: rgba(255, 255, 255, 0.3);
  --color-fds-white-alpha-40: rgba(255, 255, 255, 0.4);
  --color-fds-white-alpha-50: rgba(255, 255, 255, 0.5);
  --color-fds-white-alpha-60: rgba(255, 255, 255, 0.6);
  --color-fds-white-alpha-80: rgba(255, 255, 255, 0.8);
  --color-accent: #F3F4F5;
  --color-always-black: #000000;
  --color-always-dark-gradient: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
  --color-always-dark-overlay: rgba(0, 0, 0, .4);
  --color-always-gray-40: #65676B;
  --color-always-gray-75: #BCC0C4;
  --color-attachment-footer-background: rgba(255, 255, 255, .1);

  /* Typography */
  --font-size-optimistic-15px-500: 15px;
  --font-size-instagram-sans-regular-35-84px-400: 35.84px;
  --font-size-optimistic-17px-600: 17px;

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