# SCSS Files

**scss** - The scss files are contained in five subfolders as follows.

1. **base** - The 'base' scss files are used to establish the basic css styles for the site. There are 13 files with each containing a specific part (e.g., header, topography, footer) of the overall site styles. Given that each file name begin with an underscore (\_) character, these files do not get compiled individually. The file *County*\_styles.scss, which resides in the main scss folder, loads each file and compiles them as a group.
2. **mixins** - Mixins are scss 'functions' used to expand the capability of css. An individual mixin is used to do a specific task, usually indicated by the name.
3. **pages** - This subfolder contains the individual scss files relating to the specific main php file (e.g., the school.scss file is loaded by the school.php file).