style.scss

//// IMPORT BASE
@import "scss/components/variables";
@import "scss/components/reset";
@import "scss/components/mixins";

//// IMPORT COMPONENTS
@import "scss/components/grid--settings";
@import "scss/components/grid-classes";
@import "scss/components/grid";
@import "scss/components/grid--float";
@import "scss/components/typography";
@import "scss/components/utilities";

@import "scss/components/images";
@import "scss/components/components";
@import "scss/components/buttons";
@import "scss/components/inputs";

//// IMPORT PARTIALS
@import "scss/partials/base";

@media screen and (min-width: $sm) {
    @import "scss/partials/sm";
}
@media screen and (min-width: $med) {
    @import "scss/partials/med";
}
@media screen and (min-width: $lg) {
    @import "scss/partials/lg";
}
@media screen and (min-width: $xl) {
    @import "scss/partials/xl";
}

/* Naming Conventions
*
*   .u-utilityClass {}
*
*   .componentName {}
*   .componentName--modifierName {}
*   .componentName-descendantName {}
*
*   .componentName.is-someState {}
*   .js-componentName
*/