CSS Variables

Preview

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

:root {
  /* Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-blue: #4ea7fc;
  --color-red: #eb5757;
  --color-green: #27a644;
  --color-orange: #fc7840;
  --color-yellow: #f0bf00;
  --color-indigo: #5e6ad2;
  --color-teal: #00b8cc;
  --color-linear-plan: #68cc58;
  --color-linear-build: #d4b144;
  --color-linear-security: #7a7fad;

  /* Typography */
  --font-size-inter-variable-16px-400: 16px;
  --font-size-inter-variable-13-3333px-400: 13.3333px;
  --font-size-inter-variable-12px-400: 12px;
  --font-size-inter-variable-13px-510: 13px;
  --font-size-inter-variable-15px-400: 15px;
  --font-size-inter-variable-10px-400: 10px;
  --font-size-inter-variable-64px-510: 64px;
  --font-size-inter-variable-48px-510: 48px;
  --font-size-inter-variable-18px-400: 18px;
  --font-size-inter-variable-40px-510: 40px;
  --font-size-inter-variable-24px-400: 24px;
  --font-size-inter-variable-14px-510: 14px;
  --font-size-inter-variable-20px-590: 20px;

  /* Spacing */
  --spacing-1rem: 1rem;
  --spacing-1px: 1px;
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
…

All Tokens