On the Text alignment example all the text is left-aligned to start with and doesn't change on any viewport change. I think it makes much more sense for it to end-aligned on certain breakpoints.
I also added a missing `text-xxl-end` class :-)
I didn't use dashes between the breakpoint size names to match the Breakpoints docs (https://getbootstrap.com/docs/5.3/layout/breakpoints/#available-breakpoints)
Add a missing opacity-0 helper class example. From existing examples, it wasn't obvious to me that this class exists. This commit makes it a bit more explicit.
* Adding a link to `clearfix`
* Update float.md
* Update float.md
---------
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
* Tweak callout for icon link
- no need to talk about `alt` for `<img>` since these don't use `<img>`
- make start of sentence more readable
* Tweak language of dropdown warning callout
* Tweak popover warning callout
* Tweak rtl warning callouts
* Tweak color warning callout
* Add/move accessibility callout for color to relevant pages
* Update site/content/docs/5.3/helpers/icon-link.md
* Update site/layouts/partials/callouts/warning-color-assistive-technologies.md
Co-authored-by: Mark Otto <markd.otto@gmail.com>
* Add new link utilities, update colored link helpers
* Remove commented out code
* Fixes
* Remove examples changes
* Fixes and copy
* Fix icon-link instances on homepage
* Bump bundlewatch
* Fix node-sass issue for rgba() function bug
* More bundlewatch
* One more time after merge
* Add callout for a11y
* Hover and focus-visible
* Add a11y callouts
* Remove duplicate for now
* More code review feedback
It's not easy to otherwise correlate the examples with the relevant classes: you'd have to mentally count and correlate them. This obviates that need. Please see the image below to see the usefulness of the above.
Co-authored-by: Mark Otto <markdotto@gmail.com>