Skip to content

Commit

Permalink
Update btn-close-white docs to filter (not backdrop-filter) (#31796)
Browse files Browse the repository at this point in the history
This PR fixes an error in the v5 docs. The btn-close-white class actually uses the filter (not backdrop-filter)
  • Loading branch information
coliff committed Sep 30, 2020
1 parent dd5ad8f commit c5966de
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion site/content/docs/5.0/components/close-button.md
Expand Up @@ -24,7 +24,7 @@ Disabled close buttons change their `opacity`. We've also applied `pointer-event

## 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" >}}
<button type="button" class="btn-close btn-close-white" aria-label="Close"></button>
Expand Down
2 changes: 1 addition & 1 deletion site/content/docs/5.0/migration.md
Expand Up @@ -65,7 +65,7 @@ toc: true
- 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.
- 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

Expand Down

0 comments on commit c5966de

Please sign in to comment.