invisionapp.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 143 tokens

Preview

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

:root {
  /* Colors */
  --color-tw-color-blue-400: #7a90fe;
  --color-tw-color-blue-500: #3859ff;
  --color-tw-color-blue-600: #2a41b6;
  --color-tw-color-gray-300: #c7cad5;
  --color-tw-color-gray-500: #656b81;
  --color-tw-color-gray-900: #222428;
  --color-tw-color-gray-950: #030712;
  --color-tw-color-white: #ffffff;
  --color-tw-color-black-550: #3c3f49;
  --color-tw-color-blue-550: #314cd9;
  --color-tw-color-secondary: #555a6a;
  --color-tw-color-miro-yellow: #fde050;
  --color-tw-color-turquoise: #72dfd5;
  --color-tw-color-input-placeholder: #a5a8b5;
  --color-tw-color-pink: #fde0f0;
  --color-tw-color-orange: #fce8cf;
  --color-tw-color-blue: #cdd8ff;
  --color-tw-color-green: #d1f7ea;
  --color-tw-color-light-green: #e9fccf;
  --color-tw-color-purple: #e3d9fd;
  --color-tw-color-light-blue: #d2e8ff;
  --color-tw-color-red: #fbd4d4;
  --color-lab-64-5597-64-3615: #fb67b5;

  /* Typography */
  --font-size-roobert-pro-medium-24px-400: 24px;
  --font-size-roobert-pro-14px-500: 14px;
  --font-size-roobert-pro-medium-16px-400: 16px;
  --font-size-roobert-pro-medium-40px-400: 40px;
  --font-size-roobert-pro-medium-18px-400: 18px;
  --font-size-roobert-pro-semibold-48px-400: 48px;
  --font-size-roobert-pro-medium-12px-400: 12px;
  --font-size-roobert-pro-medium-17-23px-400: 17.23px;
  --font-size-roobert-pro-medium-0px-400: 0px;

  /* Spacing */
…