title: How to modify twitter bootstrap ".icon-bar" colors
body: <p>Theres a button that appears in bootstrap when the viewport is narrow .. using bootstrap-responsive ...</p>
  
  <p>How do I change the color appearance of this button? I know the folks at bootswatch.com are able to do it by changing some vars in less but how are they doing it?</p>
  
  <p>EDIT: I made a little progress with the following SASS code. (im using sass-bootstrap gem)</p>
  
  <pre><code>.navbar .btn-navbar {
    background-color: $navbarLinkBackgroundHover;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  
            &amp;:hover {
              background-color: lighten($navbarLinkBackgroundHover, 1%);
            }
  }
  </code></pre>
  
  <p>The above changes the background of my button and the roundness of the button.. I still cant figure out how to change the border stroke? any ideas?</p>
  
  <pre><code>.navbar .btn-navbar .icon-bar {
    background-color: $heading-blue;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  </code></pre>
  
  <p>Now this chunk of code helps me change the color of the horizontal dashes within the button!</p>
  
  <p>EDIT2:</p>
  
  <p>Figured out the border-stroke .. its called border-color and border-width in css! (applied to .navbar .btn-navbar)</p>
  
  <pre><code>  border-color: $dropdown-border $dropdown-border darken($dropdown-border, 10%) $dropdown-border;
    border-width: 2px;
  </code></pre>