Menu
I am trying to customize a Bootstrap 4 alpha 6 theme. I want to copy settings from _variable.scss file to _custom.scss to override. But I didn't find _custom.scss file in source code. How do I add this _custom.scss file in my project?
646
Override Variables Bootstrap has its own “_variables. scss” in the “scss” folder, which contains all variables used in Bootstrap. Now, add the “abstracts” name folder in your scss folder and create “_custom-variables. scss” in that folder.
scss , you'll import Bootstrap's source Sass files. You have two options: include all of Bootstrap, or pick the parts you need. We encourage the latter, though be aware there are some requirements and dependencies across our components. You also will need to include some JavaScript for our plugins.
I noted your issue here, here and here:
☐ Consider implementing a
_custom.scssfor easier, built-in variable overrides?
So because your Bootstrap 4 didn't ship with a _custom.scss file, you only need to re-create bootstrap/scss/_custom.scss.
Then edit bootstrap/scss/bootstrap.scss to what it's supposed to be:
// Core variables and mixins
@import "variables";
@import "mixins";
@import "custom";
Then follow Customising variables
Bootstrap 4 [supposedly] ships with a
_custom.scssfile for easy overriding of default variables in/scss/_variables.scss. Copy and paste relevant lines from there into the_custom.scssfile, modify the values, and recompile your Sass to change our default values. Be sure to remove the!defaultflag from override values.
196
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
