# How to override boostrap variables in sass?

**URL:** https://discourse.roots.io/t/how-to-override-boostrap-variables-in-sass/3729
**Category:** sage
**Created:** 2015-05-07T17:04:59Z
**Posts:** 25
**Showing post:** 3 of 25

## Post 3 by @lalo — 2015-05-07T17:14:44Z

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
```

---

_[View the full topic](https://discourse.roots.io/t/how-to-override-boostrap-variables-in-sass/3729)._