diff options
author | Mark Otto <markdotto@gmail.com> | 2021-11-20 07:44:46 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-03-11 23:59:55 +0300 |
commit | e567d511d4c94617510ef592ab804ec273e93480 (patch) | |
tree | c40774ce04ed3fd9b51469e865854bbe5a967fec /site | |
parent | d16088d5d1ec2de56a301fbb8e1a227ae7eb5ece (diff) |
Convert breadcrumb to CSS variables
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/5.1/components/breadcrumb.md | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/site/content/docs/5.1/components/breadcrumb.md b/site/content/docs/5.1/components/breadcrumb.md index 7086a1ee52..dabf6b58b4 100644 --- a/site/content/docs/5.1/components/breadcrumb.md +++ b/site/content/docs/5.1/components/breadcrumb.md @@ -96,8 +96,16 @@ Since breadcrumbs provide a navigation, it's a good idea to add a meaningful lab For more information, see the [WAI-ARIA Authoring Practices for the breadcrumb pattern](https://www.w3.org/TR/wai-aria-practices/#breadcrumb). -## Sass +## CSS ### Variables +<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.3.0</small> + +As part of Bootstrap's evolving CSS variables approach, breadcrumbs now use local CSS variables on `.breadcrumb` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + +{{< scss-docs name="breadcrumb-css-vars" file="scss/_breadcrumb.scss" >}} + +### Sass variables + {{< scss-docs name="breadcrumb-variables" file="scss/_variables.scss" >}} |