Breaking News: Grepper is joining You.com. Read the official announcement!

how to edit bootstrap sass

Homeless Hamster answered on February 12, 2024 Popularity 3/10 Helpfulness 1/10

answer how to edit bootstrap sass

how to edit bootstrap sass

Comment

// Custom.scss
// Option B: Include parts of Bootstrap

// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@import "../node_modules/bootstrap/scss/functions";

// 2. Include any default variable overrides here

// 3. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/variables-dark";

// 4. Include any default map overrides here

// 5. Include remainder of required parts
@import "../node_modules/bootstrap/scss/maps";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/root";

// 6. Optionally include any other parts as needed
@import "../node_modules/bootstrap/scss/utilities";
@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/scss/helpers";

// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
@import "../node_modules/bootstrap/scss/utilities/api";

// 8. Add additional custom code here

Popularity 3/10 Helpfulness 1/10 Language css

Source: getbootstrap.com

Tags: bootstrap-sass css edit

Link to this answer
Share Copy Link

Contributed on Feb 12 2024

Homeless Hamster

0 Answers Avg Quality 2/10

how to edit bootstrap sass

Contents

More Related Answers

how to edit bootstrap sass

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.