# CSS Files

Files in the in CSS folder are generated by the vsCode IDE when the .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 & Usage* for more detail.

1. **dist** - This subfolder contains the compiled and minified files of the individual scss files. The module.min.css files are then used for loading to save time. (reword).

Live Sass Compiler vsCode Settings

```
"liveSassCompile.settings.generateMap": false,
	"liveSassCompile.settings.formats": [
		{
			"format": "expanded",
			"extensionName": ".css",
			"savePath": "/css"
		},
		{
			"format": "compressed",
			"extensionName": ".min.css",
			"savePath": "/css/dist"
		}
	],
	"liveSassCompile.settings.excludeList": [
		"/.unused-Delta/**",
		"/.vscode/**",
		"/scss/mixins/**",
		"/scss/base/**"
	],
```