CSS Variables

Preview

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

:root {
  /* Typography */
  --font-size-google-sans-flex-14px-500: 14px;
  --font-size-google-sans-flex-13px-400: 13px;
  --font-size-google-sans-flex-15px-400: 15px;
  --font-size-luminous-symbols-28px-260: 28px;
  --font-size-luminous-symbols-24px-300: 24px;
  --font-size-luminous-symbols-20px-320: 20px;
  --font-size-google-sans-flex-17px-400: 17px;
  --font-size-google-sans-flex-16px-400: 16px;
  --font-size-google-sans-flex-36px-320: 36px;

  /* Spacing */
  --spacing-1px: 1px;
  --spacing-2px: 2px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-16px: 16px;
  --spacing-20px: 20px;
  --spacing-24px: 24px;
  --spacing-32px: 32px;
  --spacing-40px: 40px;
  --spacing-52px: 52px;
  --spacing-56px: 56px;
  --spacing-60px: 60px;
  --spacing-72px: 72px;
  --spacing-138px: 138px;
  --spacing-476px: 476px;

  /* Border Radius */
  --radius-9999px: 9999px;
  --radius-32px: 32px;
  --radius-28px: 28px;

…

All Tokens