@casoon/dragonfly/tokens/icons.css

Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.

/**
 * Icon Tokens
 */

@layer tokens.values {
  :root {
    --icon-size-xs: 0.75rem;
    --icon-size-sm: 1rem;
    --icon-size-md: 1.25rem;
    --icon-size-lg: 1.5rem;
    --icon-size-xl: 2rem;
    --icon-size-2xl: 2.5rem;
    --icon-size-3xl: 3rem;
    --icon-size-relative-xs: 0.5em;
    --icon-size-relative-sm: 0.75em;
    --icon-size-relative-md: 1em;
    --icon-size-relative-lg: 1.25em;
    --icon-size-relative-xl: 1.5em;
    --icon-size-relative-2xl: 2em;
    --icon-animation-duration-normal: 1s;
    --icon-animation-duration-slow: 2s;
  }
}