Skip to content

Commit 24a5376

Browse files
pgiraudmdo
authored andcommitted
Be more explicit where to find variables (#25624)
* Tell where to find the variables to override * Be consistent with path to _variables.scss * Get rid of some 'our' in the doc Replaced by 'Boostrap's' when relevant
1 parent 470b447 commit 24a5376

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

docs/4.0/getting-started/theming.md

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,8 @@ With that setup in place, you can begin to modify any of the Sass variables and
7676

7777
Every Sass variable in Bootstrap 4 includes the `!default` flag allowing you to override the variable's default value in your own Sass without modifying Bootstrap's source code. Copy and paste variables as needed, modify their values, and remove the `!default` flag. If a variable has already been assigned, then it won't be re-assigned by the default values in Bootstrap.
7878

79+
You will find the complete list of Bootstrap's variables in `scss/_variables.scss`.
80+
7981
Variable overrides within the same Sass file can come before or after the default variables. However, when overriding across Sass files, your overrides must come before you import Bootstrap's Sass files.
8082

8183
Here's an example that changes the `background-color` and `color` for the `<body>` when importing and compiling Bootstrap via npm:
@@ -226,7 +228,7 @@ You can also specify a base color with our color map functions:
226228

227229
Customize Bootstrap 4 with our built-in custom variables file and easily toggle global CSS preferences with new `$enable-*` Sass variables. Override a variable's value and recompile with `npm run test` as needed.
228230

229-
You can find and customize these variables for key global options in our `_variables.scss` file.
231+
You can find and customize these variables for key global options in Bootstrap's `scss/_variables.scss` file.
230232

231233
| Variable | Values | Description |
232234
| --------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------- |
@@ -246,7 +248,7 @@ Many of Bootstrap's various components and utilities are built through a series
246248

247249
### All colors
248250

249-
All colors available in Bootstrap 4, are available as Sass variables and a Sass map in our `scss/_variables.scss` file. This will be expanded upon in subsequent minor releases to add additional shades, much like the [grayscale palette](#grays) we already include.
251+
All colors available in Bootstrap 4, are available as Sass variables and a Sass map in `scss/_variables.scss` file. This will be expanded upon in subsequent minor releases to add additional shades, much like the [grayscale palette](#grays) we already include.
250252

251253
<div class="row">
252254
{% for color in site.data.colors %}
@@ -276,7 +278,7 @@ In the future, we'll aim to provide Sass maps and variables for shades of each c
276278

277279
### Theme colors
278280

279-
We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in our `scss/_variables.scss` file.
281+
We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstraps's `scss/_variables.scss` file.
280282

281283
<div class="row">
282284
{% for color in site.data.theme-colors %}
@@ -298,7 +300,7 @@ An expansive set of gray variables and a Sass map in `scss/_variables.scss` for
298300
</div>
299301
</div>
300302

301-
Within `_variables.scss`, you'll find our color variables and Sass map. Here's an example of the `$colors` Sass map:
303+
Within `scss/_variables.scss`, you'll find Bootstrap's color variables and Sass map. Here's an example of the `$colors` Sass map:
302304

303305
{% highlight scss %}
304306
$colors: (

0 commit comments

Comments
 (0)