Skip to content

Commit 032cdf7

Browse files
eclectic-codingiansu
authored andcommitted
Improve bootstrap docs when using custom SCSS (#7462)
* Added dependencies to bootstrap article when using custom SCSS. * Make changes to package designation and added npm install directions.
1 parent b96ac6c commit 032cdf7

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

docusaurus/docs/adding-bootstrap.md

+12
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,18 @@ import 'bootstrap/dist/css/bootstrap.css';
3232
Sometimes you might need to tweak the visual styles of Bootstrap (or equivalent package).<br>
3333
As of `[email protected]` you can import `.scss` files. This makes it possible to use a package's built-in Sass variables for global style preferences.
3434

35+
To enable `scss` in Create React App you will need to install `node-sass`.
36+
37+
```sh
38+
npm install --save node-sass
39+
```
40+
41+
Alternatively you may use `yarn`::
42+
43+
```sh
44+
yarn add node-sass
45+
```
46+
3547
To customize Bootstrap, create a file called `src/custom.scss` (or similar) and import the Bootstrap source stylesheet. Add any overrides _before_ the imported file(s). You can reference [Bootstrap's documentation](https://getbootstrap.com/docs/4.1/getting-started/theming/#css-variables) for the names of the available variables.
3648

3749
```scss

0 commit comments

Comments
 (0)