CSS: Difference between revisions

430 bytes added ,  31 January 2018
→‎Media Queries 4: add MQ5 specifically for prefers-reduced-motion
(→‎Platform priorities: bump MQ4 interactive media feature to high priority)
(→‎Media Queries 4: add MQ5 specifically for prefers-reduced-motion)
Line 65: Line 65:
* medium mobile potential impact, different grid layouts for different responsive use-cases
* medium mobile potential impact, different grid layouts for different responsive use-cases


==== Media Queries 4 ====
==== Media Queries ====
* [https://drafts.csswg.org/mediaqueries-4/ Media Queries 4] (note: [https://drafts.csswg.org/mediaqueries-4/#changes-2012 new features in 4]), [https://bugzilla.mozilla.org/show_bug.cgi?id=1312621 metabug]
* <span id="Media_Queries_4">[https://drafts.csswg.org/mediaqueries-4/ Media Queries 4]</span> (note: [https://drafts.csswg.org/mediaqueries-4/#changes-2012 new features in 4]), [https://bugzilla.mozilla.org/show_bug.cgi?id=1312621 metabug]
** [https://drafts.csswg.org/mediaqueries-4/#mf-interaction interaction features]  [https://bugzilla.mozilla.org/show_bug.cgi?id=1035774 #1035774] per [https://bugzilla.mozilla.org/show_bug.cgi?id=1312621#c1 2017: supported in Microsoft Edge, Chrome, Safari, Opera, and Android browser]
** [https://drafts.csswg.org/mediaqueries-4/#mf-interaction interaction features]  [https://bugzilla.mozilla.org/show_bug.cgi?id=1035774 #1035774] per [https://bugzilla.mozilla.org/show_bug.cgi?id=1312621#c1 2017: supported in Microsoft Edge, Chrome, Safari, Opera, and Android browser]
* Re-evaluate MQ4 prioritization after interaction features are implemented.
* [https://drafts.csswg.org/mediaqueries-5/ Media Queries 5], [https://bugzilla.mozilla.org/show_bug.cgi?id=1434491 metabug], specifically:
** [https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion prefers-reduced-motion] [https://bugzilla.mozilla.org/show_bug.cgi?id=1365045 #1365045] per [https://bugs.webkit.org/show_bug.cgi?id=163250 supported in WebKit]
* Re-evaluate MQ4/5 prioritization after interaction and prefers-reduced-motion features are implemented.
** full support of numerical comparators (&lt;, &lt;=, =>, >)
** full support of numerical comparators (&lt;, &lt;=, =>, >)
** expansion of negation syntax (and, or, not)
** expansion of negation syntax (and, or, not)
canmove, Confirmed users
2,848

edits