Using CSS:
Similarly to colour overriding the theme also offers and automatically loads a skeleton file called custom-style.css
which can be used to override the theme structure & media queries.
This file is found within the /css
directory and is well commented to provide instruction.
Using Sass:
- If you are comfortable with using Sass you can also add any custom style overrides to the
/assets/scss/custom/_custom-style.scss
file and then recompiling the CSS. This file is automatically included. - You can also pick and choose which core AppStrap Sass files you want to include by editing or cloning the
/assets/scss/theme-style.scss
file and only including the include files you want/need.theme-style.scss
is commented to indicate which Sass include files are required and which are optional. - You also have the option to override certain AppStrap styles using the
/assets/scss/custom/_custom-variables.scss
file which allows you to override the variables set in the/assets/scss/core/_variables.scss
. This file is automatically included.
NOTE: You should ideally not edit any sass files in the /core directory to make future updates easier.
See #11 below for more information on using Sass.