https://bugzilla.wikimedia.org/show_bug.cgi?id=46933
Web browser: ---
Bug ID: 46933
Summary: ResourceLoader should support nesting @media
mediaqueries inside files
Product: MediaWiki
Version: unspecified
Hardware: All
OS: All
Status: NEW
Severity: enhancement
Priority: Unprioritized
Component: ResourceLoader
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected], [email protected],
[email protected]
Classification: Unclassified
Mobile Platform: ---
It is very unfriendly to be stuck writing stuff like this:
"foobar/style/mobile.css" => array( 'media' => 'only screen and (max-width:
600px)' ),
"foobar/style/mobile-hidpi.css" => array( 'media' => 'only screen and
(max-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and
(max-width: 600px) and (-o-min-device-pixel-ratio: 2.6/2), only screen and
(max-width: 600px) and (min--moz-device-pixel-ratio: 1.3), only screen and
(max-width: 600px) and (min-resolution: 1.3dppx), only screen and (max-width:
600px) and (min-resolution: 124.8dpi)' ),
Just so you can add a few hidpi styles.
We should support just having the mobile.css and using @media for just the
hidpi stuff inside the css file. Which would combined together as top-level
@media entries in the final output.
For that matter since RL is already screwing with things by turning media=""
into @media we might as well just expand all nested @media entries into
top-level ones.
Nesting queries is valid in css3-mediaqueries but only a few browsers implement
that part of the spec correctly. Which the RL pattern messes with.
--
You are receiving this mail because:
You are the assignee for the bug.
You are watching all bug changes.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
