# CSS Files

##### <span style="color: #ba372a;">**CSS File Structure**</span>

The **css** folder contains the files generated by the *vsCode IDE* when a **scss** file is saved. This is accomplished by vsCode settings for the *Live Sass Compiler* extension.

The compiled css files are stored in the main part of this folder. Compiling and placement of these files requires an IDE extension and a setting in the vsCode IDE. See the section on *IDE Setup &amp; Usage* for more detail.

##### <span style="color: #ba372a;">**Distribution File Folder**</span>

1. **dist** - This subfolder contains the compiled and minified SASS files. The *module.min.css* files are used for loading to save time.