@casoon/dragonfly/utilities/index.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.

/**
 * Utilities System
 * 
 * Hauptdatei für alle Hilfsklassen und Utilities der UI-Bibliothek.
 * Organisiert die Importe nach ihrer Funktion und Layer-Zugehörigkeit.
 */

/**
 * Modulare Imports mit expliziter Layer-Angabe
 * Konsistentes Pattern für alle externen Importe
 */

/* Variablen und Tokens für Utilities */
@import url('./variables/colors.css') layer(utilities.variables);
@import url('./variables/spacing.css') layer(utilities.variables);
@import url('./variables/typography.css') layer(utilities.variables);
@import url('./variables/shared.css') layer(utilities.variables);

/* Mixins für wiederverwendbare Stile */
@import url('./mixins/responsive.css') layer(utilities.mixins);
@import url('./mixins/transitions.css') layer(utilities.mixins);
@import url('./mixins/layout.css') layer(utilities.mixins);

/* Hinweis: typography.css existiert nicht im mixins-Verzeichnis */

/* Hilfsklassen für häufige Styling-Aufgaben */
@import url('./helpers/spacing.css') layer(utilities.helpers);
@import url('./helpers/display.css') layer(utilities.helpers);
@import url('./helpers/text.css') layer(utilities.helpers);
@import url('./helpers/dimensions.css') layer(utilities.helpers);

/* Anpassungsmöglichkeiten und Theming */
@import url('./customize/theme-generator.css') layer(utilities.customize);
@import url('./customize/component-overrides.css') layer(utilities.customize);

/**
 * Globale Utility-Definitionen
 * Für Stile, die direkt im Haupt-Utilities-Layer definiert werden sollen
 */
@layer utilities {
  /* 
   * Globale Utility-Klassen, die keinem Sublayer zugeordnet sind 
   * Hier können bei Bedarf weitere direkte Definitionen erfolgen
   */
}