rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
This PR fixes an error in the v5 docs. The btn-close-white class actually uses the filter (not backdrop-filter)
This commit is contained in:
Christian Oliff 2020-09-30 20:57:00 +09:00 committed by GitHub
parent dd5ad8fb52
commit c5966de273
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.0/components/close-button.md
View File

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

2
site/content/docs/5.0/migration.md
View File

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