How to override boostrap variables in sass?

sage
3

This worked:

  1. Override Boostrap variables BEFORE calling _boostrap.scss
  2. Use my own sass AFTER _boostrap.scss

So my variables and bootstrap combine and then become available to my other styles.

Variables in SASS can’t be used until declared.

I think this info could help somebody:

@import "common/_variables"; //override boostrap variables

// bower:scss
@import "../../bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
// endbower

@import "sinetiks"; //here I can use all boostrap variables
2 Likes