Implement syntax improvements for media queries from level 4 specification

NEW
Unassigned

Status

()

Core
CSS Parsing and Computation
P1
normal
2 months ago
28 days ago

People

(Reporter: Florian Rivoal, Unassigned)

Tracking

(Blocks: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

2 months ago
CSS Media Quries Level 4 bring in a bunch of syntactic improvements. They make media queries much more readable and maintainable.

https://drafts.csswg.org/mediaqueries-4/#mq-syntax

Here's an example:

Before:

@media (min-width: 20em), not all and (min-height: 40em) {
  @media not all and (pointer: none) {
    …
  }
}

After:

@media ((width >= 20em) or (height < 40em)) and (pointer) {
  …
}
(Reporter)

Comment 1

2 months ago
This should be marked as blocking https://bugzilla.mozilla.org/show_bug.cgi?id=1312621, and either be marked as being blocked by https://bugzilla.mozilla.org/show_bug.cgi?id=1337174 or have that bug be closed in favor of this one, since this is a superset of that.
Status: UNCONFIRMED → NEW
Ever confirmed: true

Updated

28 days ago
Priority: -- → P1
You need to log in before you can comment on or make changes to this bug.