@uikitCore: "uikit/src/less/components";
@uikitTheme: "uikit/src/less/theme";

// Base
@import "@{uikitCore}/variables.less";
@import "@{uikitCore}/mixin.less";
@import "@{uikitCore}/base.less";

// Base Theme
@import "@{uikitTheme}/variables.less";
@import "@{uikitTheme}/base.less";


// Elements
@import "@{uikitCore}/link.less";
@import "@{uikitCore}/heading.less";
@import "@{uikitCore}/divider.less";
@import "@{uikitCore}/list.less";
@import "@{uikitCore}/description-list.less";
@import "@{uikitCore}/table.less";
@import "@{uikitCore}/icon.less";
@import "@{uikitCore}/form-range.less";
@import "@{uikitCore}/form.less"; // After: Icon, Form Range
@import "@{uikitCore}/button.less";

// Elements Theme
@import "@{uikitTheme}/link.less";
@import "@{uikitTheme}/heading.less";
@import "@{uikitTheme}/divider.less";
@import "@{uikitTheme}/list.less";
@import "@{uikitTheme}/description-list.less";
@import "@{uikitTheme}/table.less";
@import "@{uikitTheme}/icon.less";
@import "@{uikitTheme}/form-range.less";
@import "@{uikitTheme}/form.less";
@import "@{uikitTheme}/button.less";


// Layout
@import "@{uikitCore}/section.less";
@import "@{uikitCore}/container.less";
@import "@{uikitCore}/grid.less";
@import "@{uikitCore}/tile.less";
@import "@{uikitCore}/card.less";

// Layout Theme
@import "@{uikitTheme}/section.less";
@import "@{uikitTheme}/container.less";
@import "@{uikitTheme}/grid.less";
@import "@{uikitTheme}/tile.less";
@import "@{uikitTheme}/card.less";


// Common
@import "@{uikitCore}/close.less"; // After: Icon
@import "@{uikitCore}/spinner.less"; // After: Icon
@import "@{uikitCore}/totop.less"; // After: Icon
@import "@{uikitCore}/marker.less"; // After: Icon
@import "@{uikitCore}/alert.less"; // After: Close
@import "@{uikitCore}/badge.less";
@import "@{uikitCore}/label.less";
@import "@{uikitCore}/overlay.less"; // After: Icon
@import "@{uikitCore}/article.less"; // After: Subnav
@import "@{uikitCore}/comment.less"; // After: Subnav
@import "@{uikitCore}/search.less"; // After: Icon

// Common Theme
@import "@{uikitTheme}/close.less";
@import "@{uikitTheme}/spinner.less";
@import "@{uikitTheme}/marker.less";
@import "@{uikitTheme}/totop.less";
@import "@{uikitTheme}/alert.less";
@import "@{uikitTheme}/badge.less";
@import "@{uikitTheme}/label.less";
@import "@{uikitTheme}/overlay.less";
@import "@{uikitTheme}/article.less";
@import "@{uikitTheme}/comment.less";
@import "@{uikitTheme}/search.less";


// Navs
@import "@{uikitCore}/nav.less";
@import "@{uikitCore}/navbar.less"; // After: Card, Grid, Nav, Icon, Search
@import "@{uikitCore}/subnav.less";
@import "@{uikitCore}/breadcrumb.less";
@import "@{uikitCore}/pagination.less";
@import "@{uikitCore}/tab.less";
// @import "@{uikitCore}/slidenav.less"; // After: Icon
// @import "@{uikitCore}/dotnav.less";
// @import "@{uikitCore}/thumbnav.less";

// Navs Theme
@import "@{uikitTheme}/nav.less";
@import "@{uikitTheme}/navbar.less";
@import "@{uikitTheme}/subnav.less";
@import "@{uikitTheme}/breadcrumb.less";
@import "@{uikitTheme}/pagination.less";
@import "@{uikitTheme}/tab.less";
// @import "@{uikitTheme}/slidenav.less";
// @import "@{uikitTheme}/dotnav.less";
// @import "@{uikitTheme}/thumbnav.less";


// JavaScript
// @import "@{uikitCore}/accordion.less";
@import "@{uikitCore}/drop.less"; // After: Card
@import "@{uikitCore}/dropdown.less"; // After: Card
@import "@{uikitCore}/modal.less"; // After: Close
// @import "@{uikitCore}/lightbox.less"; // After: Close
// @import "@{uikitCore}/slideshow.less";
@import "@{uikitCore}/sticky.less";
@import "@{uikitCore}/offcanvas.less";
// @import "@{uikitCore}/switcher.less";
// Scrollspy
// Toggle
// Scroll

// JavaScript
// @import "@{uikitTheme}/accordion.less";
@import "@{uikitTheme}/drop.less";
@import "@{uikitTheme}/dropdown.less";
@import "@{uikitTheme}/modal.less";
// @import "@{uikitTheme}/lightbox.less";
@import "@{uikitTheme}/sticky.less";
@import "@{uikitTheme}/offcanvas.less";


// Additional
@import "@{uikitCore}/iconnav.less";
@import "@{uikitCore}/notification.less";
@import "@{uikitCore}/tooltip.less";
@import "@{uikitCore}/placeholder.less";
@import "@{uikitCore}/progress.less";
// @import "@{uikitCore}/sortable.less";
// @import "@{uikitCore}/countdown.less";

// Additional
@import "@{uikitTheme}/iconnav.less";
@import "@{uikitTheme}/notification.less";
@import "@{uikitTheme}/tooltip.less";
@import "@{uikitTheme}/placeholder.less";
@import "@{uikitTheme}/progress.less";
// @import "@{uikitTheme}/sortable.less";
// @import "@{uikitTheme}/countdown.less";


// Utilities
@import "@{uikitCore}/animation.less";
@import "@{uikitCore}/width.less";
@import "@{uikitCore}/text.less";
@import "@{uikitCore}/column.less";
@import "@{uikitCore}/cover.less";
@import "@{uikitCore}/background.less";
@import "@{uikitCore}/align.less";
@import "@{uikitCore}/utility.less";
@import "@{uikitCore}/flex.less"; // After: Utility
@import "@{uikitCore}/margin.less";
@import "@{uikitCore}/padding.less";
@import "@{uikitCore}/position.less";
@import "@{uikitCore}/transition.less";
@import "@{uikitCore}/visibility.less";
@import "@{uikitCore}/inverse.less";

// Utilities Theme
@import "@{uikitTheme}/animation.less";
@import "@{uikitTheme}/width.less";
@import "@{uikitTheme}/text.less";
@import "@{uikitTheme}/column.less";
@import "@{uikitTheme}/background.less";
@import "@{uikitTheme}/align.less";
@import "@{uikitTheme}/utility.less";
@import "@{uikitTheme}/margin.less";
@import "@{uikitTheme}/padding.less";
@import "@{uikitTheme}/position.less";
@import "@{uikitTheme}/transition.less";
@import "@{uikitTheme}/inverse.less";


// Need to be loaded last
@import "@{uikitCore}/print.less";