/* Categories 01 to 03 are the basics. */

@import "01-settings/variants";

@import "02-tools/mixins";
@import "02-tools/functions";
@import "02-tools/variants";

@import "03-generic/normalize";
@import "03-generic/breakpoints";
@import "03-generic/content";
//@import "03-generic/vertical-margins";
@import "03-generic/reset";
@import "03-generic/clearings";

/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
@import "04-elements/blockquote";
@import "04-elements/forms";
@import "04-elements/media";
@import "04-elements/misc";
@import "04-elements/links";
@import "04-elements/article";

/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
@import "05-blocks/blocks";

/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
@import "06-components/header";
@import "06-components/footer";
@import "06-components/single";
@import "06-components/content";
@import "06-components/posts-and-pages";
@import "06-components/entry";
@import "06-components/archives";
@import "06-components/404";
@import "06-components/search";
@import "06-components/comments";
@import "06-components/navigation";
@import "06-components/footer-navigation";
@import "06-components/pagination";
@import "06-components/widgets";

/* Category 07 is for any utility classes that are not assigned to a specific component. */
@import "07-utilities/a11y";
@import "07-utilities/color-palette";
@import "07-utilities/measure";
@import "07-utilities/classes";
@import "07-utilities/ie";

/* Category 08 is for integrated plugins components */
@import "08-integrations/shared-counts";