diff options
| author | Mario <mario@mariovavti.com> | 2023-05-17 13:28:23 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2023-05-17 13:28:23 +0000 |
| commit | 65d98af24c3c7b784f7e2c95998df65901011ce3 (patch) | |
| tree | d7d6a60698d7a0c3704ea55cb71c543285186b17 /vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md | |
| parent | a57739c462a7991bf2130e8eca0c383eb276f0cd (diff) | |
| parent | 62d35627f35537d0056482047e74a27ad837c3cf (diff) | |
| download | volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.tar.gz volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.tar.bz2 volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.zip | |
Merge branch '8.4RC'8.4
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md')
| -rw-r--r-- | vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md index 39b80e1cd..533271b49 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/close-button.md @@ -24,7 +24,9 @@ Disabled close buttons change their `opacity`. We've also applied `pointer-event ## Dark variant -{{< callout info >}} +{{< deprecated-in "5.3.0" >}} + +{{< callout warning >}} **Heads up!** As of v5.3.0, the `.btn-close-white` class is deprecated. Instead, use `data-bs-theme="dark"` to change the color mode of the close button. {{< /callout >}} @@ -37,8 +39,16 @@ Add `data-bs-theme="dark"` to the `.btn-close`, or to its parent element, to inv </div> {{< /example >}} -## Sass +## CSS ### Variables +{{< added-in "5.3.0" >}} + +As part of Bootstrap's evolving CSS variables approach, close button now uses local CSS variables on `.btn-close` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + +{{< scss-docs name="close-css-vars" file="scss/_close.scss" >}} + +### Sass variables + {{< scss-docs name="close-variables" file="scss/_variables.scss" >}} |