Variable values using existing variables
Filename: _variable-value-using-variable.scss
In this file, we will add all customization code for content, some of the customization code for forms and components, and the customization code for one helper class. The reason we import this file after the import of the required Bootstrap 5 _variables.scss file is that we want to use existing variables from _variables.scss as the new value when overriding the different variables related to content, some variables for forms and components, and a variable for a helper class. This is especially helpful when we want to assign color variables to other variables.
Some of the code in the _variable-value-using-variable.scss file doesn’t have to be placed there and could as well have been placed in the _default-variable-overrides.scss file. But, I have chosen to group related variables together as much as possible, and that’s why all variables related to for example content have been...
