CSS Variables

Preview

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

:root {
  /* Colors */
  --color-text-gradient-light: linear-gradient(90deg,#b8c2d6,#d1edff);
  --color-wm-bg: #f7f9fc;
  --color-wm-blue: #0b5cff;
  --color-wm-orange: #f5642d;
  --color-wm-text: #131619;
  --color-wm-hover: rgb(110 118 128 / 0.12);

  /* Typography */
  --font-size-inter-16px-400: 16px;
  --font-size-inter-14px-400: 14px;
  --font-size-inter-10px-400: 10px;
  --font-size-inter-15px-500: 15px;
  --font-size-inter-12px-400: 12px;
  --font-size-newsreader-32px-500: 32px;
  --font-size-newsreader-46px-500: 46px;
  --font-size-newsreader-20px-500: 20px;
  --font-size-newsreader-48px-400: 48px;
  --font-size-inter-24px-700: 24px;
  --font-size-newsreader-54px-500: 54px;
  --font-size-inter-18px-400: 18px;
  --font-size-inter-44px-400: 44px;
  --font-size-inter-0px-400: 0px;
  --font-size-inter-22px-450: 22px;
  --font-size-inter-11-382px-600: 11.382px;
  --font-size-inter-26px-600: 26px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
…

All Tokens