search

Fyrd / caniuse

Raw browser/feature support data from caniuse.com
https://caniuse.com
Creative Commons Attribution 4.0 International
5.66k stars 1.38k forks source link

Media Queries Level 4 #1069

Open Fyrd opened 9 years ago

Fyrd commented 9 years ago

Since Media Queries Level 4 has become a Editors Draft, I think it should appear on Can I Use: http://dev.w3.org/csswg/mediaqueries4/.

Available on site now:

Data available:

Need separate issues:

This issue was imported from Google Moderator

Moderator votes: +15 Issue added by Erick Petrucelli on 2014-09-30

cvrebert commented 9 years ago

+1

Ugoku commented 9 years ago

+1

cvrebert commented 8 years ago

To break this down into chunks, Level 4 adds the following on top of Level 3:

Schweinepriester commented 8 years ago

+1

timburgess commented 8 years ago

👍

samkelleher commented 8 years ago

+1 W3C Working Draft as at 15 November 2016. The color-gamut media query is already supported in Safari. It allows content authors to display richer wide-gamut images on P3 supported devices (think new iPhones and MacBooks).

fivegreenapples commented 7 years ago

+1

sambeau commented 7 years ago

+1

Schweinepriester commented 7 years ago

color-gamut will be in Chrome 58: https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#colorgamut

chharvey commented 7 years ago

It looks like a previous version of the Working Draft (as of 2016-01-26) had a section on custom media queries. It has since been removed from both the Working Draft and the Editors Draft though. Can anyone find any reasons for why it was removed?

It would also be nice for CanIUse to show which browsers support this feature.

@custom-media --small (min-width: 30em);

@media screen and (--small) {
  /* small window styles */
}
cvrebert commented 7 years ago

Custom Media Queries was moved to Level 5: https://drafts.csswg.org/mediaqueries-5/#custom-mq

matthew-dean commented 6 years ago

If this is broken apart, one thing to track is browser support for @media (width <= 320px) {} syntax. MQ4 is now at CR status.

cvrebert commented 6 years ago

I've filed #3988 for color-gamut.

cvrebert commented 6 years ago
Smilebags commented 6 years ago

Especially considering color-gamut is now supported in multiple browsers, I think at least that should be in CanIUse.

Ugoku commented 6 years ago

Firefox 63 will support syntactic improvements from MQ Level 4: https://bugzilla.mozilla.org/show_bug.cgi?id=1422225

Malvoz commented 6 years ago

+1

prof3ssorSt3v3 commented 6 years ago

inverted-colors was part of the original draft of https://drafts.csswg.org/mediaqueries-4/#inverted which looks to be replaced with monochrome and color plus prefers-color-scheme: dark | light - which will be shipping soon in Safari 12.1

Schweinepriester commented 5 years ago

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/66:

Implemented the overflow-inline and overflow-block media queries (bug 1422235).

matthew-dean commented 5 years ago

Any reason this hasn't been added yet?

revelt commented 4 years ago

To add 2p, entry "CSS3 Media Queries" should be called "Media Queries Level 3" because it's media queries going through levels, not "The CSS". Then, outcomes of this issue would go into a new entry, "Media Queries Level 4", what do you think?

cvrebert commented 4 years ago

There was a marketing push around "CSS 3" circa HTML 5's heyday (e.g. https://developer.mozilla.org/en-US/docs/Archive/CSS3). Hence the logo. But yeah, it's not a particularly useful or technically correct term at this point.

Malvoz commented 4 years ago

Chrome tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=962417