mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
clarify now that custom is gone
This commit is contained in:
parent
be39742d65
commit
ae6440a480
1 changed files with 1 additions and 6 deletions
|
@ -8,16 +8,11 @@ toc: true
|
||||||
|
|
||||||
## Customizing variables
|
## Customizing variables
|
||||||
|
|
||||||
Bootstrap 4 ships with a `_custom.scss` file for easy overriding of default variables in `/scss/_variables.scss`. Copy and paste relevant lines from there into the `_custom.scss` file, modify the values, and recompile your Sass to change our default values. **Be sure to remove the `!default` flag from override values.**
|
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. Copy and paste variables as needed, modify the values, remove the `!default` flag, and recompile.
|
||||||
|
|
||||||
For example, to change out the `background-color` and `color` for the `<body>`, you'd do the following:
|
For example, to change out the `background-color` and `color` for the `<body>`, you'd do the following:
|
||||||
|
|
||||||
{% highlight scss %}
|
{% highlight scss %}
|
||||||
// Bootstrap overrides
|
|
||||||
//
|
|
||||||
// Copy variables from `_variables.scss` to this file to override default values
|
|
||||||
// without modifying source files.
|
|
||||||
|
|
||||||
$body-bg: $gray-dark;
|
$body-bg: $gray-dark;
|
||||||
$body-color: $gray-light;
|
$body-color: $gray-light;
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
Loading…
Add table
Reference in a new issue