CSS Variables

Preview

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

:root {
  /* Typography */
  --font-size-zgoffice-21px-400: 21px;
  --font-size-zgoffice-42px-700: 42px;
  --font-size-zgoffice-33px-400: 33px;
  --font-size-zgoffice-12px-400: 12px;
  --font-size-zgoffice-27px-400: 27px;

  /* Spacing */
  --spacing-1rem: 1rem;
  --spacing-1-5rem: 1.5rem;
  --spacing-2px: 2px;
  --spacing-2rem: 2rem;
  --spacing-6px: 6px;
  --spacing-12px: 12px;
  --spacing-18px: 18px;
  --spacing-21px: 21px;
  --spacing-40px: 40px;
  --spacing-60px: 60px;

  /* Border Radius */
  --radius-25rem: .25rem;

  /* Shadows */
  --shadow-1: .4em 0 0 #fff,.4em .21em 0 #fff,.4em -.21em 0 #fff,-.4em 0 0 #fff,-.4em .21em 0 #fff,-.4em -.21em 0 #fff;
  --shadow-2: .4em 0 0 #000,.4em .21em 0 #000,.4em -.21em 0 #000,-.4em 0 0 #000,-.4em .21em 0 #000,-.4em -.21em 0 #000;
  --shadow-3: 0 2px 4px #999;
  --shadow-4: 0 3px 10px rgba(0,0,0,.5);
  --shadow-5: 0 10px 40px rgba(0,0,0,.3);
  --shadow-6: 0 1rem 4rem rgba(0,0,0,.5);
  --shadow-span: rgb(255, 255, 255) 16.8px 0px 0px 0px, rgb(255, 255, 255) 16.8px 8.82px 0px 0px, rgb(255, 255, 255) 16.8px -8.82px 0px 0px, rgb(255, 255, 255) -16.8px 0px 0px 0px, rgb(255, 255, 255) -16.8px 8.82px 0px 0px, rgb(255, 255, 255) -16.8px -8.82px 0px 0px;

}
…

All Tokens