[css-cascade-5] Fix examples, update changes list, publication fixes.

Author: fantasai

css-cascade-5/Overview.bs

@@ -7,6 +7,8 @@ Work Status: Exploring
 Group: csswg
 ED: https://drafts.csswg.org/css-cascade/
 TR: https://www.w3.org/TR/css-cascade-5/
+Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20210317/
+Previous Version: https://www.w3.org/TR/2021/WD-css-cascade-5-20210119/
 Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400
 Editor: Miriam E. Suzanne, Invited Expert, http://miriamsuzanne.com/contact, w3cid 117151
 Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/, w3cid 42199
@@ -1219,8 +1221,8 @@ Declaring Cascade Layers: the ''@layer'' rule</h4>
 		are cascaded within the same layer as the <code>audio[controls]</code> rule:
 
 		<pre class='lang-css'>
-			@layer default url(headings.css);
-			@layer default url(links.css);
+			@import url(headings.css) layer(default);
+			@import url(links.css) layer(default);
 
 			@layer default {
 			  audio[controls] {
@@ -1245,7 +1247,7 @@ Declaring Cascade Layers: the ''@layer'' rule</h4>
 			@layer theme;
 			@layer components;
 
-			@layer theme url(theme.css);
+			@import url(theme.css) layer(theme);
 
 			@layer default {
 			  audio[controls] {
@@ -1259,7 +1261,7 @@ Declaring Cascade Layers: the ''@layer'' rule</h4>
 		<pre class='lang-css'>
 			@layer default, theme, components;
 
-			@layer theme url(theme.css);
+			@import url(theme.css) layer(theme);
 
 			@layer default {
 			  audio[controls] {
@@ -1392,9 +1394,9 @@ Un-Named Layers</h5>
 		<pre class='lang-css'>
 			/* bootstrap-base.css */
 			/* unnamed wrapper layers around each sub-file */
-			@layer url(base-forms.css);
-			@layer url(base-links.css);
-			@layer url(base-headings.css);
+			@import url(base-forms.css) layer;
+			@import url(base-links.css) layer;
+			@import url(base-headings.css) layer;
 
 			/* bootstrap.css */
 			/* the internal names are hidden from access, subsumed in "base" */
@@ -1572,16 +1574,24 @@ Rolling Back Cascade Layers: the ''revert-layer'' keyword</h4>
 <h2 id="changes">
 Changes</h2>
 
+	Changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade-5-20210119/">19 January 2021 First Public Working Draft</a> include:
+
+	* Switched [=layer=] import syntax from using ''@layer'' to using ''@import''.
+		(<a href="https://github.com/w3c/csswg-drafts/issues/5681">Issue 5681</a>)
+	* Added ''revert-layer'' keyword.
+		(<a href="https://github.com/w3c/csswg-drafts/issues/5793">Issue 5793</a>)
+
 <h3 id="additions-l4">
 Additions Since Level 4</h3>
 
 	The following features have been added since
 	<a href="https://www.w3.org/TR/css-cascade-4/">Level 4</a>:
 
-	* Added ''layer()'' option to ''@import'' definition.
-	* Added [=cascade layers=] to the [=cascade=] sort criteria.
-	* Defined style attributes as a distinct step of the [=cascade=] sort criteria.
+	* Added [=cascade layers=] to the [=cascade=] sort criteria
+		(and defined style attributes as a distinct step of the [=cascade=] sort criteria
+		so that they interact appropriately).
 	* Introduced the ''@layer'' rule for defining cascade layers.
+	* Added ''layer''/''layer()'' option to ''@import'' definition.
 	* Introduced the ''revert-layer'' keyword for rolling back values to previous layers.
 
 <h3 id="additions-l3">