From 032cdf75d31e767516d02f2e73ec5f6b1a0cab91 Mon Sep 17 00:00:00 2001 From: Chuck Date: Thu, 1 Aug 2019 19:28:50 -0400 Subject: [PATCH] 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. --- docusaurus/docs/adding-bootstrap.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/docusaurus/docs/adding-bootstrap.md b/docusaurus/docs/adding-bootstrap.md index 7a816705..0a06655c 100644 --- a/docusaurus/docs/adding-bootstrap.md +++ b/docusaurus/docs/adding-bootstrap.md @@ -32,6 +32,18 @@ import 'bootstrap/dist/css/bootstrap.css'; Sometimes you might need to tweak the visual styles of Bootstrap (or equivalent package).
As of `react-scripts@2.0.0` you can import `.scss` files. This makes it possible to use a package's built-in Sass variables for global style preferences. +To enable `scss` in Create React App you will need to install `node-sass`. + +```sh +npm install --save node-sass +``` + +Alternatively you may use `yarn`:: + +```sh +yarn add node-sass +``` + 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. ```scss