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/**"
	],