Skip to content

Commit fc8a376

Browse files
committed
[mediaqueries-3] Updates for new REC
1 parent 6d749d8 commit fc8a376

File tree

1 file changed

+66
-26
lines changed

1 file changed

+66
-26
lines changed

mediaqueries-3/Overview.html

Lines changed: 66 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,13 @@
33
<meta content="text/html;charset=UTF-8" http-equiv=Content-type>
44
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
55
<title>Media Queries Level 3</title>
6-
<meta content="ED" name="w3c-status">
7-
<link href="../default.css" rel=stylesheet>
8-
<link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel=stylesheet>
6+
<meta content="REC" name="w3c-status">
7+
<!-- <link href="../default.css" rel=stylesheet> -->
8+
<link href="default.css" rel=stylesheet>
9+
910
<link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
10-
<link href="https://drafts.csswg.org/csslogo.ico" rel="icon">
11-
<link rel="canonical" href="https://www.w3.org/TR/css3-mediaqueries/">
11+
<!-- <link href="https://drafts.csswg.org/csslogo.ico" rel="icon"> -->
12+
<link rel="canonical" href="https://www.w3.org/TR/mediaqueries-3/">
1213
<style>/* style-counters */
1314

1415
body {
@@ -38,41 +39,53 @@
3839
figcaption:not(.no-marker)::before {
3940
content: "Figure " counter(figure) " ";
4041
}</style>
42+
<link href="https://www.w3.org/StyleSheets/TR/2021/W3C-REC" rel=stylesheet>
4143

4244
<body>
4345
<div class=head>
4446
<p><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
4547

46-
<h1 id=media-queries>Media Queries Level 3</h1>
48+
<h1 id=title>Media Queries Level 3</h1>
4749

48-
<p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2022-01-21">21 January 2022</time></p>
50+
<p id="w3c-state"><a href="https://www.w3.org/standards/types#REC">W3C Recommendation</a>, <time class="dt-updated" datetime="2022-04-05">05 April 2022</time></p>
51+
<!-- <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2022-01-21">21 January 2022</time></p> -->
4952

53+
<details open><summary>More details about this document</summary>
5054
<dl>
5155
<dt>This Version:
5256

53-
<dd><a
54-
href="https://drafts.csswg.org/css3-mediaqueries/">https://drafts.csswg.org/css3-mediaqueries/</a>
57+
<!-- <dd><a
58+
href="https://drafts.csswg.org/css3-mediaqueries/">https://drafts.csswg.org/mediaqueries-3/</a> -->
59+
<dd><a
60+
href="https://www.w3.org/TR/2022/REC-mediaqueries-3-20220405/">https://www.w3.org/TR/2022/REC-mediaqueries-3-20220405/</a>
5561

5662
<dt>Latest Version:
5763

5864
<dd><a
59-
href="https://www.w3.org/TR/css3-mediaqueries/">https://www.w3.org/TR/css3-mediaqueries/</a>
65+
href="https://www.w3.org/TR/mediaqueries-3/">https://www.w3.org/TR/mediaqueries-3/</a>
6066

6167
<dt>Latest Editor Version:
6268

6369
<dd><a
64-
href="https://drafts.csswg.org/css3-mediaqueries/">https://drafts.csswg.org/css3-mediaqueries/</a>
70+
href="https://drafts.csswg.org/mediaqueries-3/">https://drafts.csswg.org/mediaqueries-3/</a>
6571

6672
<dt>Previous Version:
6773

6874
<dd><a
6975
href="https://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/">https://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/</a>
7076

77+
<dt>History:
78+
79+
<dd><a href="https://www.w3.org/standards/history/mediaqueries-3">https://www.w3.org/standards/history/mediaqueries-3</a>
80+
7181
<dt>Disposition of Comments:
7282

7383
<dd><a
7484
href="http://www.w3.org/Style/2012/MediaQueriesDisposalOfComments.html">http://www.w3.org/Style/2012/MediaQueriesDisposalOfComments.html</a>
75-
85+
86+
<dt>Implementation Report:
87+
88+
<dd><a href="https://test.csswg.org/harness/results/mediaqueries-3_dev/grouped/">https://test.csswg.org/harness/results/mediaqueries-3_dev/grouped/</a></dd>
7689

7790
<dt>Editors:
7891

@@ -97,11 +110,25 @@ <h1 id=media-queries>Media Queries Level 3</h1>
97110
<dd class=vcard><a class="url fn n" href="http://annevankesteren.nl/"
98111
hreflang=en lang=nl>Anne van Kesteren</a> &lt;<span
99112
class=email>annevk@opera.com</span>&gt;
113+
114+
<dt>Feedback:
115+
116+
<dd><a href="https://github.com/w3c/csswg-drafts/issues">GitHub
117+
Issues</a> are preferred for discussion of this specification. When
118+
filing an issue, please put the text “mediaqueries-3” in the title,
119+
preferably like this: “[mediaqueries-3] <i>…summary of
120+
comment…</i>”. All issues and comments are <a href="https://lists.w3.org/Archives/Public/public-css-archive/">archived</a>,
121+
and there is also a <a href="https://lists.w3.org/Archives/Public/www-style/">historical
122+
archive</a>.
123+
124+
<dt>Errata:
125+
<dd><a href="http://www.w3.org/Style/2022/REC-mediaqueries-3-20220405-errata.html">http://www.w3.org/Style/2022/REC-mediaqueries-3-20220405-errata.html</a>
100126
</dl>
127+
</details>
101128

102-
<p>Please refer to the <a href="http://www.w3.org/Style/2012/REC-mediaqueries-20120619-errata.html"><strong>errata</strong></a> for this document, which may include some normative corrections.</p>
129+
<!-- <p>Please refer to the <a href="http://www.w3.org/Style/2022/REC-mediaqueries-3-20220405-errata.html"><strong>errata</strong></a> for this document, which may include some normative corrections.</p> -->
103130

104-
<p>See also <a href="http://www.w3.org/2003/03/Translations/byTechnology?technology=css3-mediaqueries"> <strong>translations</strong></a>.</p>
131+
<!-- <p>See also <a href="http://www.w3.org/2003/03/Translations/byTechnology?technology=css3-mediaqueries"> <strong>translations</strong></a>.</p> -->
105132

106133
<!--begin-copyright-->
107134
<p class="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2022 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-software">permissive document license</a> rules apply.</p>
@@ -131,26 +158,36 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
131158
<h2 class="no-num no-toc" id=status>Status of this Document</h2>
132159
<!--begin-status-->
133160

134-
<p>This is a public copy of the editors' draft. It is provided for
161+
<p><em>This section describes the status of this document at the time of its publication. A list of current W3C publications and the latest revision of this technical report can be found in the <a href="https://www.w3.org/TR/">W3C technical reports index</a> at https://www.w3.org/TR/.</em></p>
162+
163+
<!-- <p>This is a public copy of the editors' draft. It is provided for
135164
discussion only and may change at any moment. Its publication here does
136165
not imply endorsement of its contents by W3C. Don't cite this document
137-
other than as work in progress.
166+
other than as work in progress. -->
167+
168+
<p>This document was published by the
169+
<a href="https://www.w3.org/groups/wg/css">CSS Working Group</a>
170+
as a Recommendation using the
171+
<a href="https://www.w3.org/2021/Process-20211102/#recs-and-notes">Recommendation track</a>.
172+
It includes <a href="https://www.w3.org/2021/Process-20211102/#proposed-corrections">proposed corrections</a>.</p>
173+
174+
<p>A W3C Recommendation is a specification that, after extensive consensus-building, is endorsed by <abbr title="World Wide Web Consortium">W3C</abbr> and its Members, and has commitments from Working Group members to <a href="https://www.w3.org/Consortium/Patent-Policy/#sec-Requirements">royalty-free licensing</a> for implementations.</p>
175+
176+
<p>W3C recommends the wide deployment of this specification as a standard for the Web.</p>
138177

139178
<p>Please send feedback
140179
by <a href="https://github.com/w3c/csswg-drafts/issues">filing issues in GitHub</a> (preferred),
141180
including the spec code “mediaqueries-3” in the title, like this:
142181
“[mediaqueries-3] <i>…summary of comment…</i>”.
143182
All issues and comments are <a href="https://lists.w3.org/Archives/Public/public-css-archive/">archived</a>.
144183
Alternately, feedback can be sent to the (<a href="https://lists.w3.org/Archives/Public/www-style/">archived</a>) public mailing list <a href="mailto:www-style@w3.org?Subject=%5Bmediaqueries-3%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a>.
145-
146-
<p>This document was produced by the <a href="https://www.w3.org/Style/CSS/members">CSS Working Group</a>.
147-
It includes <a href="https://www.w3.org/2021/Process-20211102/#proposed-corrections">proposed corrections</a>.
184+
Comments are due by 5 June 2022.
148185

149186
<p>This document is governed by the <a href="https://www.w3.org/2021/Process-20211102/" id="w3c_process_revision">2 November 2021 W3C Process Document</a>.
150187

151188
<p>This document was produced by a group operating under the <a
152189
href="https://www.w3.org/Consortium/Patent-Policy/">W3C Patent Policy</a>.
153-
W3C maintains a <a href="https://www.w3.org/2004/01/pp-impl/32061/status"
190+
W3C maintains a <a href="https://www.w3.org/groups/wg/css/ipr"
154191
rel=disclosure>public list of any patent disclosures</a> made in
155192
connection with the deliverables of the group; that page also includes
156193
instructions for disclosing a patent. An individual who has actual
@@ -161,7 +198,7 @@ <h2 class="no-num no-toc" id=status>Status of this Document</h2>
161198
W3C Patent Policy</a>.</p>
162199
<!--end-status-->
163200

164-
<div class="correction proposed"><a href="https://www.w3.org/Consortium/Process/#proposed-correction">Proposed corrections</a> are marked in the document.</div>
201+
<div class="correction proposed"><a href="https://www.w3.org/2021/Process-20211102/#proposed-corrections">Proposed corrections</a> are marked in the document.</div>
165202

166203
<nav id="toc">
167204
<h2 class="no-num no-toc" id=contents>Table of contents</h2>
@@ -191,7 +228,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
191228
</span>device-height</a>
192229

193230
<li><a href="#orientation"><span class=secno>4.5. </span>orientation</a>
194-
231+
195232

196233
<li><a href="#aspect-ratio"><span class=secno>4.6.
197234
</span>aspect-ratio</a>
@@ -202,7 +239,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
202239
<li><a href="#color"><span class=secno>4.8. </span>color</a>
203240

204241
<li><a href="#color-index"><span class=secno>4.9. </span>color-index</a>
205-
242+
206243

207244
<li><a href="#monochrome"><span class=secno>4.10. </span>monochrome</a>
208245

@@ -716,7 +753,7 @@ <h2 id=media1><span class=secno>4. </span>Media features</h2>
716753
one keyword, one number, or a number with a unit identifier. (The only
717754
exceptions are the &lsquo;<code class=css>aspect-ratio</code>&rsquo; and
718755
&lsquo;<code class=css>device-aspect-ratio</code>&rsquo; media features.)
719-
756+
720757
</ul>
721758

722759
<div class=example>
@@ -767,7 +804,7 @@ <h3 id=width><span class=secno>4.1. </span>width</h3>
767804
<p>This media query expresses that style sheet is usable on screen and
768805
handheld devices if the width of the viewport is greater than 20em.</p>
769806

770-
<pre><code>@media handheld and (min-width: 20em),
807+
<pre><code>@media handheld and (min-width: 20em),
771808
screen and (min-width: 20em) { &hellip; }</code></pre>
772809

773810
<p>The &lsquo;<code class=css>em</code>&rsquo; value is relative to the
@@ -966,7 +1003,7 @@ <h3 id=color-index><span class=secno>4.9. </span>color-index</h3>
9661003
<p>This media query expresses that a style sheet applies to a color index
9671004
device with 256 or more entries:</p>
9681005

969-
<pre><code>&lt;?xml-stylesheet media="all and (min-color-index: 256)"
1006+
<pre><code>&lt;?xml-stylesheet media="all and (min-color-index: 256)"
9701007
href="http://www.example.com/&hellip;" ?&gt;</code></pre>
9711008
</div>
9721009

@@ -1309,4 +1346,7 @@ <h3 class=no-num id=other-references>Other references</h3>
13091346
<!---->
13101347
</dl>
13111348
<!--end-informative-->
1349+
1350+
<p role="navigation" id="back-to-top"><a href="#title"><abbr title="Back to top"></abbr></a></p>
1351+
13121352
<script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script>

0 commit comments

Comments
 (0)