@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.
105 lines (82 loc) • 1.92 kB
CSS
/*
* Typography Weights
*
* Definitionen für Schriftgewichte und -varianten.
* Verwendet zentrale Tokens aus /tokens/typography.css
*/
@layer typography.weights {
/* Schriftgewicht-Klassen - verwenden zentrale Tokens aus /tokens/typography.css */
.font-thin {
font-weight: var(--font-weight-thin);
}
.font-extralight {
font-weight: var(--font-weight-extralight);
}
.font-light {
font-weight: var(--font-weight-light);
}
.font-normal {
font-weight: var(--font-weight-normal);
}
.font-medium {
font-weight: var(--font-weight-medium);
}
.font-semibold {
font-weight: var(--font-weight-semibold);
}
.font-bold {
font-weight: var(--font-weight-bold);
}
.font-extrabold {
font-weight: var(--font-weight-extrabold);
}
.font-black {
font-weight: var(--font-weight-black);
}
/* Schriftform-Varianten */
.font-italic {
font-style: italic;
}
.font-not-italic {
font-style: normal;
}
/* Schriftstreckung */
.font-condensed {
font-stretch: condensed;
}
.font-expanded {
font-stretch: expanded;
}
/* Texttransformation */
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.normal-case {
text-transform: none;
}
/* Buchstabenabstand - verwenden zentrale Tokens aus /tokens/typography.css */
.tracking-tighter {
letter-spacing: var(--letter-spacing-tighter);
}
.tracking-tight {
letter-spacing: var(--letter-spacing-tight);
}
.tracking-normal {
letter-spacing: var(--letter-spacing-normal);
}
.tracking-wide {
letter-spacing: var(--letter-spacing-wide);
}
.tracking-wider {
letter-spacing: var(--letter-spacing-wider);
}
.tracking-widest {
letter-spacing: var(--letter-spacing-widest);
}
}