Overriding Bootstrap's @breadcrumb-separator

Question

I thought it's possible to replace the @breadcrumb-separator temporarily, but unfortunately it doesn't work that way:

#detailnavigation {
  @breadcrumb-separator: "|";
  .list-inline.related {
    .breadcrumb;
  }
}

Isn't it possible to override a variable in a given scope? Or is the problem that .breadcrumb isn't a mixin?

Answer 1

FYI I temporarily solved my problem by overriding the Separator manually. There you go:

#detailnavigation {
  .list-inline.related {
    .breadcrumb;
    
    > li+li:before {
      content: "|\00a0"; 
    }
  }
}