# CSS / Sass

For easy customization Sass files are included in AppUI. These files are located in `src/scss/` folder.

Files structure and description:

File | Description
--- | ---
app/ | Core Sass components of App. Here you can modify AppUI styles as well as extend / overwrite Bootstrap styles (in `_extend.bootstrap.scss` file)
bootstrap/ | Core, non-modified Bootstrap components. Please don't modify it
font-awesome/ | Core, non-modified Font Awesome sass components. Basically there's no need to modify it
ionicons/ | Core, non-modified Ionicons sass components. Basically there's no need to modify it
`_mixins.scss` | Sass mixins. Here you can add your own mixins as well as overwrite Bootstrap ones
`_variables.scss` | Core sass variables. Contains Bootstrap and custom App global variables
`app.scss` | App main styles, aggregates core App styles by importing `app/*.scss` files. Here you can include / exclude components
`app-custom.scss` | Your custom styles. After update you can replace this file with your own work-in-progress
`bootstrap.scss` | Bootstrap styles, aggregates core Bootstrap styles by importing `bootstrap/*.scss` and `app/_extend.bootstrap.scss` files
`font-awesome.scss` | Font Awesome styles, imports `font-awesome/*.scss` file
`ionicons.scss` | Ionicons font styles, imports `ionicons/*.scss` file

When editing these files please keep in mind order of @import 'ed mixins and variables within them.