mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +02:00
Code Issues Releases Wiki Activity

Convert breadcrumb to CSS variables

Browse Source
This commit is contained in:
Mark Otto
2021-11-19 18:44:46 -10:00
committed by Mark Otto
parent d16088d5d1
commit e567d511d4
2 changed files with 32 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
site/content/docs/5.1/components/breadcrumb.md
View File

@@ -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" >}}