CSS Variables

Preview

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

:root {
  /* Colors */
  --color-ffffff: #ffffff;
  --color-101828: #101828;
  --color-6a7282: #6a7282;
  --color-e5e7eb: #e5e7eb;

  /* Typography */
  --font-size-inter-17-6px-400: 17.6px;
  --font-size-inter-25-6px-400: 25.6px;
  --font-size-inter-12px-400: 12px;
  --font-size-inter-14px-400: 14px;
  --font-size-inter-16px-400: 16px;
  --font-size-inter-30px-300: 30px;
  --font-size-inter-24px-300: 24px;
  --font-size-inter-27-2px-400: 27.2px;

  /* Spacing */
  --spacing-4px: 4px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-14px: 14px;
  --spacing-15px: 15px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-24px: 24px;
  --spacing-32px: 32px;
  --spacing-48px: 48px;
  --spacing-64px: 64px;
  --spacing-304px: 304px;

  /* Border Radius */
  --radius-8px: 8px;
  --radius-50: 50%;
  --radius-400px: 400px;
  --radius-9999px: 9999px;
…

All Tokens