Unverified Commit c5966de2 authored by Christian Oliff's avatar Christian Oliff Committed by GitHub
Browse files

Update btn-close-white docs to filter (not backdrop-filter) (#31796)

This PR fixes an error in the v5 docs. The btn-close-white class actually uses the filter (not backdrop-filter)
parent dd5ad8fb
Showing with 2 additions and 2 deletions
+2 -2
...@@ -24,7 +24,7 @@ Disabled close buttons change their `opacity`. We've also applied `pointer-event ...@@ -24,7 +24,7 @@ Disabled close buttons change their `opacity`. We've also applied `pointer-event
## White variant ## White variant
Change the default `.btn-close` to be white with the `.btn-close-white` class. This class uses the `backdrop-filter` property to invert the `background-image`. Change the default `.btn-close` to be white with the `.btn-close-white` class. This class uses the `filter` property to invert the `background-image`.
{{< example class="bg-dark" >}} {{< example class="bg-dark" >}}
<button type="button" class="btn-close btn-close-white" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" aria-label="Close"></button>
......
...@@ -65,7 +65,7 @@ toc: true ...@@ -65,7 +65,7 @@ toc: true
- Renamed `.close` to `.btn-close` for a less generic name. - Renamed `.close` to `.btn-close` for a less generic name.
- Close buttons now use a `background-image` (embedded SVG) instead of a `&times;` in the HTML, allowing for easier customization without the need to touch your markup. - Close buttons now use a `background-image` (embedded SVG) instead of a `&times;` in the HTML, allowing for easier customization without the need to touch your markup.
- Added new variables to better control the customization. - Added new variables to better control the customization.
- Added new `.btn-close-white` variant that uses `backdrop-filter: invert(1)` to enable higher contrast dismiss icons against darker backgrounds. - Added new `.btn-close-white` variant that uses `filter: invert(1)` to enable higher contrast dismiss icons against darker backgrounds.
#### Collapse #### Collapse
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment