CSS Variables

Preview

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

:root {
  /* Colors */
  --color-col-neutral-10: #ffffff;
  --color-col-neutral-40: #bababa;
  --color-col-neutral-60: #666666;
  --color-col-neutral-80: #333333;
  --color-col-neutral: #000000;
  --color-col-primary-10: #8cbff3;
  --color-col-primary-30: #00b39b;
  --color-col-primary-70: #eedafb;
  --color-col-primary-90: #f1eb9d;
  --color-col-warning: #ff8080;
  --color-col-notification: #fff080;
  --color-col-success: #81d987;
  --color-col-interaction: #8875ff;

  /* Typography */
  --font-size-hdk-variable-fragment: 23vmin;
  --font-size-hdk-variable-fragment-128px-400: 128px;

  /* Spacing */
  --spacing-3px: 3px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-10px: 10px;
  --spacing-15px: 15px;
  --spacing-18px: 18px;
  --spacing-20px: 20px;
  --spacing-24px: 24px;
  --spacing-25px: 25px;
  --spacing-30px: 30px;
  --spacing-35px: 35px;
  --spacing-40px: 40px;
  --spacing-50px: 50px;
  --spacing-55px: 55px;
  --spacing-90px: 90px;
  --spacing-200px: 200px;

…

All Tokens