diff options
| author | Patrick H. Lauke <[email protected]> | 2018-11-03 19:23:26 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2018-11-03 19:23:26 +0100 |
| commit | 8b20bce873c6dce6a34fa5965481da92121bdc37 (patch) | |
| tree | c2418af1318d9b6212d64a7af3fe1b058c8e643a /site/_includes | |
| parent | f7a4b3976789f1e96bad43ca561ef461f22d6be4 (diff) | |
| download | bootstrap-8b20bce873c6dce6a34fa5965481da92121bdc37.tar.xz bootstrap-8b20bce873c6dce6a34fa5965481da92121bdc37.zip | |
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
Diffstat (limited to 'site/_includes')
| -rw-r--r-- | site/_includes/callout-info-prefersreducedmotion.md | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/site/_includes/callout-info-prefersreducedmotion.md b/site/_includes/callout-info-prefersreducedmotion.md new file mode 100644 index 000000000..9c3090376 --- /dev/null +++ b/site/_includes/callout-info-prefersreducedmotion.md @@ -0,0 +1,4 @@ +{% capture callout %} +The animation effect of this component is dependent on the `prefers-reduced-motion` media query. See the [reduced motion section of our accessibility documentation]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/accessibility/#reduced-motion). +{% endcapture %} +{% include callout.html content=callout type="info" %} |