diff options
| author | Mark Otto <markd.otto@gmail.com> | 2021-07-26 18:41:43 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-26 18:41:43 +0300 |
| commit | 905db7dadb60385dfc1d563c398c01121a80bf53 (patch) | |
| tree | 3eb15594f1283b9fbbf4cdd43db5db64990d071a /site/content/docs | |
| parent | e805a5e2879f95d75fefe1867f8ef7a36e3a299b (diff) | |
Update the custom Sass import docs (#34573)
Now includes mentino of the two utilities stylesheets, plus how and why to include the API stylesheet last
Fixes #34397
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.0/customize/sass.md | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/site/content/docs/5.0/customize/sass.md b/site/content/docs/5.0/customize/sass.md index 4039bd67cc..c99b6142cb 100644 --- a/site/content/docs/5.0/customize/sass.md +++ b/site/content/docs/5.0/customize/sass.md @@ -61,15 +61,20 @@ In your `custom.scss`, you'll import Bootstrap's source Sass files. You have two @import "../node_modules/bootstrap/scss/variables"; @import "../node_modules/bootstrap/scss/mixins"; -// 4. Include any optional Bootstrap components as you like +// 4. Include any optional Bootstrap CSS as needed +@import "../node_modules/bootstrap/utilities"; @import "../node_modules/bootstrap/scss/root"; @import "../node_modules/bootstrap/scss/reboot"; @import "../node_modules/bootstrap/scss/type"; @import "../node_modules/bootstrap/scss/images"; @import "../node_modules/bootstrap/scss/containers"; @import "../node_modules/bootstrap/scss/grid"; +@import "../node_modules/bootstrap/helpers"; -// 5. Add additional custom code here +// 5. Optionally include utilities API last to generate classes based on the Sass map in `_utililies.scss` +@import "../node_modules/bootstrap/utilities/api"; + +// 6. Add additional custom code here ``` With that setup in place, you can begin to modify any of the Sass variables and maps in your `custom.scss`. You can also start to add parts of Bootstrap under the `// Optional` section as needed. We suggest using the full import stack from our `bootstrap.scss` file as your starting point. |