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.