CLI that helps you to add Bootstrap CSS and customize it
npm install craft-cssCLI that helps you to add Bootstrap CSS and customize it.
When your project not already has a full Bootstrap CSS file, run this to add one:
``
npx craft-css compile --output bootstrap.min.css --full
Choose one of the styles
`
npx craft-css compile -o variables.min.css -s new-york
Create a file with custom Sass variables:
`scss`
// my-vars.scss
$primary: yellow;
Then run this:
`
npx craft-css compile -o variables.min.css -s new-york --import-before my-vars.scss
To override CSS variables, you set a file that should be imported after Bootstrap:
`css`
/ my-css-vars.css /
.btn-primary {
--bs-btn-color: blue !important;
}
`
npx craft-css compile -o variables.min.css -s new-york --import-before my-vars.scss --import-after my-css-vars.css
Run this to see all available options for the compile command:
`
npx craft-css help compile