diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2018-04-02 04:15:57 +0300 |
---|---|---|
committer | Mark Otto <markd.otto@gmail.com> | 2018-04-02 04:15:57 +0300 |
commit | a55d1b27c5ca0f42208e46b1811e6667563eb784 (patch) | |
tree | 20b6af1d1b3c26f92bacf4e702f2159836025850 /scss | |
parent | 974742942461ef99ba8603eef4a90f7edbe9c68e (diff) |
Allow non-string content as breadcrumb divider (#25581)
* Allow url(), attr(), none,... as breadcrumb divider
* Update breadcrumb divider docs
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_breadcrumb.scss | 13 | ||||
-rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 9 insertions, 6 deletions
diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index b8f234fd9e..be30950690 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -10,12 +10,15 @@ .breadcrumb-item { // The separator between breadcrumbs (by default, a forward-slash: "/") - + .breadcrumb-item::before { - display: inline-block; // Suppress underlining of the separator in modern browsers - padding-right: $breadcrumb-item-padding; + + .breadcrumb-item { padding-left: $breadcrumb-item-padding; - color: $breadcrumb-divider-color; - content: "#{$breadcrumb-divider}"; + + &::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: $breadcrumb-divider; + } } // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built diff --git a/scss/_variables.scss b/scss/_variables.scss index c08c2b0464..583f8b96de 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -873,7 +873,7 @@ $breadcrumb-margin-bottom: 1rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; -$breadcrumb-divider: "/" !default; +$breadcrumb-divider: quote("/") !default; $breadcrumb-border-radius: $border-radius !default; |