/* ============================================================ lucUI — Design System Framework Main Entry Point — v2.0 ============================================================ */ /* Import Core Files */ @import url('lucCORE/luc-variables.css'); @import url('lucCORE/luc-reset.css'); @import url('lucCORE/luc-typography.css'); @import url('lucCORE/luc-base.css'); @import url('lucCORE/luc-themes.css'); /* Import Component Files */ @import url('lucCOMPONENTS/luc-buttons.css'); @import url('lucCOMPONENTS/luc-cards.css'); @import url('lucCOMPONENTS/luc-navbar.css'); @import url('lucCOMPONENTS/luc-forms.css'); @import url('lucCOMPONENTS/luc-modals.css'); @import url('lucCOMPONENTS/luc-alerts.css'); @import url('lucCOMPONENTS/luc-badges.css'); @import url('lucCOMPONENTS/luc-tooltips.css'); @import url('lucCOMPONENTS/luc-dropdowns.css'); @import url('lucCOMPONENTS/luc-tabs.css'); @import url('lucCOMPONENTS/luc-toasts.css'); @import url('lucCOMPONENTS/luc-breadcrumbs.css'); @import url('lucCOMPONENTS/luc-progress.css'); @import url('lucCOMPONENTS/luc-skeleton.css'); @import url('lucCOMPONENTS/luc-accordion.css'); @import url('lucCOMPONENTS/luc-carousel.css'); @import url('lucCOMPONENTS/luc-pagination.css'); @import url('lucCOMPONENTS/luc-datatables.css'); @import url('lucCOMPONENTS/luc-avatar.css'); @import url('lucCOMPONENTS/luc-chips.css'); @import url('lucCOMPONENTS/luc-divider.css'); @import url('lucCOMPONENTS/luc-loader.css'); @import url('lucCOMPONENTS/luc-gallery.css'); @import url('lucCOMPONENTS/luc-testimonials.css'); @import url('lucCOMPONENTS/luc-pricing.css'); @import url('lucCOMPONENTS/luc-features.css'); @import url('lucCOMPONENTS/luc-hero.css'); @import url('lucCOMPONENTS/luc-footer.css'); @import url('lucCOMPONENTS/luc-sidebar.css'); @import url('lucCOMPONENTS/luc-search.css'); @import url('lucCOMPONENTS/luc-datepicker.css'); @import url('lucCOMPONENTS/luc-fileupload.css'); @import url('lucCOMPONENTS/luc-rangeslider.css'); @import url('lucCOMPONENTS/luc-toggle.css'); @import url('lucCOMPONENTS/luc-stepper.css'); @import url('lucCOMPONENTS/luc-timeline.css'); @import url('lucCOMPONENTS/luc-notifications.css'); @import url('lucCOMPONENTS/luc-usercard.css'); @import url('lucCOMPONENTS/luc-cookieconsent.css'); /* Import Utility Files */ @import url('lucUTILITIES/luc-glass.css'); @import url('lucUTILITIES/luc-animations.css'); @import url('lucUTILITIES/luc-spacing.css'); @import url('lucUTILITIES/luc-layout.css'); @import url('lucUTILITIES/luc-utilities.css'); /* ============================================================ Quick Start ============================================================ Simply include this file in your HTML: Then use the lucUI classes in your markup:

Hello lucUI

Beautiful glass morphism design.

Light mode: add data-theme="light" to or ============================================================ */