From 185ddf1eaf82e08586be6c7689507ee924d9dd47 Mon Sep 17 00:00:00 2001 From: Mario Date: Fri, 19 Aug 2022 13:15:48 +0000 Subject: update to bootstrap 5.2 and fixes --- .../content/docs/5.2/components/close-button.md | 38 ++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 vendor/twbs/bootstrap/site/content/docs/5.2/components/close-button.md (limited to 'vendor/twbs/bootstrap/site/content/docs/5.2/components/close-button.md') diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/components/close-button.md b/vendor/twbs/bootstrap/site/content/docs/5.2/components/close-button.md new file mode 100644 index 000000000..f4a3ed071 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/components/close-button.md @@ -0,0 +1,38 @@ +--- +layout: docs +title: Close button +description: A generic close button for dismissing content like modals and alerts. +group: components +toc: true +--- + +## Example + +Provide an option to dismiss or close a component with `.btn-close`. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default `background-image`. **Be sure to include text for screen readers**, as we've done with `aria-label`. + +{{< example >}} + +{{< /example >}} + +## Disabled state + +Disabled close buttons change their `opacity`. We've also applied `pointer-events: none` and `user-select: none` to preventing hover and active states from triggering. + +{{< example >}} + +{{< /example >}} + +## White variant + +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 >}} + +## Sass + +### Variables + +{{< scss-docs name="close-variables" file="scss/_variables.scss" >}} -- cgit v1.2.3