So here is a quote from the Bootstrap docs:
Every Sass variable in Bootstrap 4 includes the !default flag, meaning you can override that default value in your own Sass even after that original variable’s been defined.
Below is my theme.scss file content:
// Bootstrap original
@import "bootstrap/scss/bootstrap";
// Variables overrides
@import "custom-variables";
The content of the custom custom-variables.scss file (to test only):
$body-color: #555;
$font-family-base: serif;
Everything compiles OK, however with no changes to the styles (e.g. the body color and base font family remains the same as it is in the original Bootstrap files. Howe come?