Compile one CSS file only with Sass

[vitoo]

Hello,

I see you include 2 css file, 1 for bootstrap, and one for the theme I try to compile 1 CSS file only with Sass, but i can't get it to work How to achieve it ? Here is what i've tried :

@import 'node_modules/bootstrap/scss/bootstrap';

@import "variables.scss";
@import "mixins.scss";
@import "global.scss";
@import "navbar.scss";
@import "masthead.scss";
@import "post.scss";
@import "contact.scss";
@import "footer.scss";
@import "bootstrap-overrides.scss";

As you can see, the btn-primary color is not overrided (default bootstrap blue ?) :

---

---

Thanks for your help

[davidtmiller]

Yes I keep them separated on purpose just for ease of use, but if you did want to combine them for a deployment scenario then you would want to load your overrides, then Bootstrap, then the rest of the styles.

@import 'node_modules/bootstrap/scss/bootstrap';

@import "bootstrap-overrides.scss";

@import "variables.scss";
@import "mixins.scss";
@import "global.scss";
@import "navbar.scss";
@import "masthead.scss";
@import "post.scss";
@import "contact.scss";
@import "footer.scss";

[vitoo]

Well, we have to import variable, then boostrap, then custom styles This worked :

@import "variables.scss";

@import 'node_modules/bootstrap/scss/bootstrap';

@import "mixins.scss";
@import "global.scss";
@import "navbar.scss";
@import "masthead.scss";
@import "post.scss";
@import "contact.scss";
@import "footer.scss";
@import "bootstrap-overrides.scss";