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.