[css-contain-3][editorial] Clarify user-defined tokens in examples

mirisuzanne · mirisuzanne · commit 97c2782ffec0 · 2021-09-20T16:11:46.000-04:00
diff --git a/css-contain-3/Overview.bs b/css-contain-3/Overview.bs
@@ -305,19 +305,19 @@ Naming Query Containers: the 'container-name' property</h2>
 		<pre class=lang-css>
 		main {
 		  container-type: size;
-		  container-name: layout;
+		  container-name: page-layout;
 		}
 
-		.grid-item {
+		.my-component {
 		  container-type: inline-size;
-		  container-name: component;
+		  container-name: component-library;
 		}
 
-		@container layout (block-size > 12em) {
+		@container page-layout (block-size > 12em) {
 		  .card { margin-block: 2em; }
 		}
 
-		@container component (inline-size > 30em) {
+		@container component-library (inline-size > 30em) {
 		  .card { margin-inline: 2em; }
 		}
 		</pre>

Original file line number	Diff line number	Diff line change
`@@ -305,19 +305,19 @@ Naming Query Containers: the 'container-name' property</h2>`
`305`	`305`	`<pre class=lang-css>`
`306`	`306`	`main {`
`307`	`307`	`container-type: size;`
`308`		`- container-name: layout;`
	`308`	`+ container-name: page-layout;`
`309`	`309`	`}`
`310`	`310`
`311`		`- .grid-item {`
	`311`	`+ .my-component {`
`312`	`312`	`container-type: inline-size;`
`313`		`- container-name: component;`
	`313`	`+ container-name: component-library;`
`314`	`314`	`}`
`315`	`315`
`316`		`- @container layout (block-size > 12em) {`
	`316`	`+ @container page-layout (block-size > 12em) {`
`317`	`317`	`.card { margin-block: 2em; }`
`318`	`318`	`}`
`319`	`319`
`320`		`- @container component (inline-size > 30em) {`
	`320`	`+ @container component-library (inline-size > 30em) {`
`321`	`321`	`.card { margin-inline: 2em; }`
`322`	`322`	`}`
`323`	`323`	`</pre>`