2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00

Add Sass variable for prefers-reduced-motion, add callout to affected components (#27581)

* Tweak the accessibility/reduced motion text

include mention of carousel slides, remove the (now inaccurate, as Firefox 63 includes it too) mention that support is limited to Safari/macOS

xref https://github.com/twbs/bootstrap/issues/27525

* Add new callout for reduced motion

* Add variable to control prefers-reduced-motion media query support

* Add callout about prefers-reduced-motion to all components currently using animation which are affected
This commit is contained in:
Patrick H. Lauke
2018-11-03 19:23:26 +01:00
committed by GitHub
parent f7a4b39767
commit 8b20bce873
11 changed files with 32 additions and 12 deletions
+2
View File
@@ -20,6 +20,8 @@ Things to know when using the tooltip plugin:
- When triggered from hyperlinks that span multiple lines, tooltips will be centered. Use `white-space: nowrap;` on your `<a>`s to avoid this behavior.
- Tooltips must be hidden before their corresponding elements have been removed from the DOM.
{% include callout-info-prefersreducedmotion.md %}
Got all that? Great, let's see how they work with some examples.
## Example: Enable tooltips everywhere