I've tried to include my variables before bootstraps, as many threads suggested, with no luck.
For example, I want to change the width of bootstraps largest screen breakpoint to
@import './src/app/shared/styles/_variables'; // My own variables
Since, I'm using bootstrap-loader to load bootstrap, apparently a
.bootstraprc file is created in the root of my application.
To override bootstraps default variables, I have to add the following in that file:
From the bootstrap-loader docs:
preBootstrapCustomizations: Customize Bootstrap variables that get imported before the original Bootstrap variables. Thus, derived Bootstrap variables can depend on values from here. See the Bootstrap _variables.scss file for examples of derived Bootstrap variables.