Title: [234155] trunk/Websites/webkit.org
- Revision
- 234155
- Author
- [email protected]
- Date
- 2018-07-24 10:31:18 -0700 (Tue, 24 Jul 2018)
Log Message
Disable some vestibular trigger animations when prefers-reduced-motion is active.
https://bugs.webkit.org/show_bug.cgi?id=186529
Reviewed by Dean Jackson.
* wp-content/themes/webkit/style.css:
(@media (prefers-reduced-motion)): Added to honor reduced motion settings.
(article,): Added to only use fade-in animation and prevent motion.
Modified Paths
Diff
Modified: trunk/Websites/webkit.org/ChangeLog (234154 => 234155)
--- trunk/Websites/webkit.org/ChangeLog 2018-07-24 17:27:15 UTC (rev 234154)
+++ trunk/Websites/webkit.org/ChangeLog 2018-07-24 17:31:18 UTC (rev 234155)
@@ -1,3 +1,14 @@
+2018-07-24 Jon Davis <[email protected]>
+
+ Disable some vestibular trigger animations when prefers-reduced-motion is active.
+ https://bugs.webkit.org/show_bug.cgi?id=186529
+
+ Reviewed by Dean Jackson.
+
+ * wp-content/themes/webkit/style.css:
+ (@media (prefers-reduced-motion)): Added to honor reduced motion settings.
+ (article,): Added to only use fade-in animation and prevent motion.
+
2018-06-20 Manuel Rego Casasnovas <[email protected]>
[WPE] Some fixups on webkit.org page
Modified: trunk/Websites/webkit.org/wp-content/themes/webkit/style.css (234154 => 234155)
--- trunk/Websites/webkit.org/wp-content/themes/webkit/style.css 2018-07-24 17:27:15 UTC (rev 234154)
+++ trunk/Websites/webkit.org/wp-content/themes/webkit/style.css 2018-07-24 17:31:18 UTC (rev 234155)
@@ -1703,6 +1703,16 @@
margin-top: 0;
}
+/** Accessibility **/
+
+@media (prefers-reduced-motion) {
+ article,
+ .feature-status-page {
+ -webkit-animation: fade-in 0.7s;
+ animation: fade-in 0.7s;
+ }
+}
+
/** Screen Breakpoints **/
@media only screen and (max-width: 1180px) {
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
