title: Overriding Bootstrap's @breadcrumb-separator
body: <p>I thought it's possible to replace the <code>@breadcrumb-separator</code> temporarily, but unfortunately it doesn't work that way:</p>
  
  <pre><code>#detailnavigation {
    @breadcrumb-separator: "|";
    .list-inline.related {
      .breadcrumb;
    }
  }
  </code></pre>
  
  <p>Isn't it possible to override a variable in a given scope? Or is the problem that <code>.breadcrumb</code> isn't a mixin?</p>