title: Modifying Bootstrap variables when using bootstrap-sass
body: <p>Here are all the less bootstrap variables: <a href="http://twitter.github.com/bootstrap/less.html">http://twitter.github.com/bootstrap/less.html</a></p>
  
  <p>I've used the bootstrap-sass gem to add twitter bootstrap to my rails app which means I'm using sass. How do I modify/edit these less variables in my bootstrap_and_overrides.css.scss file?</p>
  
  <p>When I try to do something like this:</p>
  
  <pre><code>@navbarBackground: #3D368B;
  </code></pre>
  
  <p>I get:</p>
  
  <blockquote>
    <p>Sass::SyntaxError in Pages#home</p>
    
    <p>Showing
    /Users/justme/myproject/app/views/layouts/application.html.erb
    where line #5 raised:</p>
    
    <p>Invalid CSS after "@navbarBackground:": expected pseudoclass or
    pseudoelement, was " #3D368B;"</p>
  </blockquote>