Adding external CSS libraries

In the content area you will find two folders: postcss and sccs. The one you will use depends on your preference in your configuration. It should be safe to delete the folder you don’t need.

SCSS example

If you want to integrate an SCSS library like Bootstrap, you can install it using npm:

npm i bootstrap --save-prod

Note the --save-prod to add the dependency to dependencies (and not devDependencies.

Then, in your SCSS file:

@import "../../node_modules/bootstrap/scss/bootstrap";

You should now see the Bootstrap CSS affecting your Bedrock install.

PostCSS example

See this blogpost on adding Tailwind.