@casoon/dragonfly
Version:
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.
47 lines (42 loc) • 1.88 kB
CSS
/*
* Typography Variables
*
* Typografie-Variablen für die Utilities.
* Diese Variables ermöglichen eine konsistente Verwendung von Typografie in den Utility-Klassen.
*/
@layer utilities.variables {
:root {
/* Schriftgrößen */
--util-font-size-xs: var(--font-size-xs);
--util-font-size-sm: var(--font-size-sm);
--util-font-size-base: var(--font-size-base);
--util-font-size-lg: var(--font-size-lg);
--util-font-size-xl: var(--font-size-xl);
--util-font-size-2xl: var(--font-size-2xl);
--util-font-size-3xl: var(--font-size-3xl);
--util-font-size-4xl: var(--font-size-4xl);
--util-font-size-5xl: var(--font-size-5xl);
/* Schriftgewichte */
--util-font-weight-normal: var(--font-weight-normal);
--util-font-weight-medium: var(--font-weight-medium);
--util-font-weight-semibold: var(--font-weight-semibold);
--util-font-weight-bold: var(--font-weight-bold);
/* Zeilenhöhen */
--util-line-height-none: var(--line-height-none);
--util-line-height-tight: var(--line-height-tight);
--util-line-height-snug: var(--line-height-snug);
--util-line-height-normal: var(--line-height-normal);
--util-line-height-relaxed: var(--line-height-relaxed);
--util-line-height-loose: var(--line-height-loose);
/* Schriftfamilien */
--util-font-family-sans: var(--font-family-sans);
--util-font-family-serif: var(--font-family-serif);
--util-font-family-mono: var(--font-family-mono);
/* Buchstabenabstände */
--util-letter-spacing-tight: var(--letter-spacing-tight, -0.025em);
--util-letter-spacing-normal: var(--letter-spacing-normal, 0);
--util-letter-spacing-wide: var(--letter-spacing-wide, 0.025em);
--util-letter-spacing-wider: var(--letter-spacing-wider, 0.05em);
--util-letter-spacing-widest: var(--letter-spacing-widest, 0.1em);
}
}