/** * RSD-Vote CSS Framework * ====================== * * Modulares CSS Framework extrahiert aus dem RSD-Vote Projekt. * Alle Styles basieren auf CSS Custom Properties (Variables). * * Verwendung: * @import 'framework/_index.css'; * * Oder einzelne Module: * @import 'framework/core/_variables.css'; * @import 'framework/components/_buttons.css'; * * @version 1.0.0 * @license MIT */ /* ========================================================================== CORE - Muss zuerst geladen werden ========================================================================== */ /* Variables - CSS Custom Properties (Farben, Abstände, etc.) */ @import 'core/_variables.css'; /* Reset - Browser-Normalisierung */ @import 'core/_reset.css'; /* Base - HTML-Element-Defaults */ @import 'core/_base.css'; /* ========================================================================== LAYOUT - Strukturelle Komponenten ========================================================================== */ /* Container - Responsive Container-System */ @import 'layout/_container.css'; /* Grid - CSS Grid Utilities */ @import 'layout/_grid.css'; /* Navbar - Navigation */ @import 'layout/_navbar.css'; /* Footer - Fußzeile */ @import 'layout/_footer.css'; /* ========================================================================== COMPONENTS - Wiederverwendbare UI-Komponenten ========================================================================== */ /* Buttons - Alle Button-Varianten */ @import 'components/_buttons.css'; /* Forms - Formular-Elemente */ @import 'components/_forms.css'; /* Cards - Karten-Komponenten */ @import 'components/_cards.css'; /* Tables - Tabellen */ @import 'components/_tables.css'; /* Badges - Status-Badges */ @import 'components/_badges.css'; /* Alerts - Benachrichtigungen und Flash-Messages */ @import 'components/_alerts.css'; /* Modals - Dialog-Fenster */ @import 'components/_modals.css'; /* Progress - Fortschrittsbalken */ @import 'components/_progress.css'; /* Empty States - Leere Zustände und Ladeanzeigen */ @import 'components/_empty-states.css'; /* ========================================================================== UTILITIES - Hilfsklassen ========================================================================== */ /* Spacing - Margin und Padding */ @import 'utilities/_spacing.css'; /* Flexbox - Flex-Utilities */ @import 'utilities/_flexbox.css'; /* Display - Sichtbarkeit */ @import 'utilities/_display.css'; /* Typography - Schrift-Utilities */ @import 'utilities/_typography.css'; /* Colors - Farb-Utilities */ @import 'utilities/_colors.css'; /* Borders - Rahmen-Utilities */ @import 'utilities/_borders.css'; /* Shadows - Schatten-Utilities */ @import 'utilities/_shadows.css'; /* Misc - Sonstige Utilities */ @import 'utilities/_misc.css'; /* ========================================================================== THEMES - Farbschemata (optional) ========================================================================== */ /* Themes werden über data-theme Attribut aktiviert: Die Variable-Overrides sind bereits in _variables.css integriert. Für projektspezifische Theme-Anpassungen: @import 'themes/_light.css'; @import 'themes/_dark.css'; */