A Sass Boilerplate directory structure that helps guide in a SMACSS influenced SASS architecture, with no dependencies

This command will install the folder structure directly into your project.

mkdir sass && cd sass && npx degit --force https://github.com/sayhelloelijah/sass-boilerplate.git

The base directory's purpose is to contain all default styles related to base elements (body, p, a, input, etc...) and browser resets.

Note: This directory should not contain any classes or ids.

body {
    margin: 0;
    padding: 0;
}

p {
    font: {
        size: 16px;
        weight: 400;
    }
}

The dependencies directory is used primarily for importing various dependency files. (ie. Bootstrap, normalize, modernizer, etc...)

The modules directory contains all styles related to the site's various modules. (navigation, cards, header, footer, sidebar, etc...)

.nav {
    /* Code here */

    &__list {
        /* Code here */
    }
}

The utilities directory is used to contain all mixins, functions, variables, or other things that are SASS based and would be useful for you in other areas of your project.