SVG as Breadcrumb Divider
Created by: edodso2
I am creating a custom theme for Bootstrap and would like to utilize a custom variables file as much as possible. However, I have an issue with the $breadcrumb-divider variable. By default it is set to
$breadcrumb-divider: "/";
But, I want to use an SVG, which seems to be supported by the content property. For example something like this:
$breadcrumb-divider: url(data:image/svg+xml,%3C%3Fxml%20version%...);
The issue is that in breadcrumb.scss
quotes are added around $breadcrumb-divider
preventing this level of customization:
content: "#{$breadcrumb-divider}";
I know I can easily create my own breadcrumb.scss and override. But, it would certainly be cleaner and more maintainable just to change the variable. Figured it was worth asking about.
Thanks, Eric