[css-values-5] Per WG resolution, replace 'match-element' with 'element-shared'. #11742

Author: tabatkins

css-values-5/Overview.bs

@@ -2087,7 +2087,7 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 	<pre class=prod>
 	&lt;random()> = random( <<random-value-sharing>>? , <<calc-sum>>, <<calc-sum>>, <<calc-sum>>? )
 
-	<dfn><<random-value-sharing>></dfn> = [ [ auto | <<dashed-ident>> ] || match-element ]
+	<dfn><<random-value-sharing>></dfn> = [ [ auto | <<dashed-ident>> ] || element-shared ]
 	                       | fixed <<number [0,1]>>
 	</pre>
 
@@ -2181,7 +2181,7 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 		via the ''random()/auto'' or ''random()/<dashed-ident>'' values
 	* between [=random functions=] used for the same thing
 		in the styles across several elements,
-		via the ''random()/match-element'' value (or its absence)
+		via the ''random()/element-shared'' value (or its absence)
 
 	<dl dfn-type=value dfn-for="random(),<random-value-sharing>">
 		: <dfn>auto</dfn>
@@ -2199,8 +2199,8 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 			ones with different <<dashed-ident>>s
 			will use distinct [=random base values=].
 
-		: <dfn>match-element</dfn>
-		:: If ''random()/match-element'' is omitted,
+		: <dfn>element-shared</dfn>
+		:: If ''random()/element-shared'' is omitted,
 			[=random functions=] on different elements
 			will use distinct [=random base values=].
 
@@ -2264,8 +2264,8 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 
 			<pre highlight=css>
 			.shared-random-rect {
-				width: random(match-element, 100px, 200px);
-				height: random(match-element, 100px, 200px);
+				width: random(element-shared, 100px, 200px);
+				height: random(element-shared, 100px, 200px);
 			}
 			</pre>
 
@@ -2276,8 +2276,8 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 
 			<pre highlight=css>
 			.shared-random-squares {
-				width: random(--foo match-element, 100px, 200px);
-				height: random(--foo match-element, 100px, 200px);
+				width: random(--foo element-shared, 100px, 200px);
+				height: random(--foo element-shared, 100px, 200px);
 			}
 			</pre>
 	</div>
@@ -2296,7 +2296,7 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 		This ensures that every auto-generated name on a single element is unique,
 		and thus will get their own [=random base value=].
 		It also ensures that declarations like
-		''.foo { width: random(match-element, 100px, 200px); }''
+		''.foo { width: random(element-shared, 100px, 200px); }''
 		will cause all the ''.foo'' elements to share a [=random base value=] for their width
 		(they all have the same auto-generated name, "width 0").
 
@@ -2305,10 +2305,10 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 
 		<pre highlight=css>
 		.foo {
-			width: random(match-element, 100px, 200px);
+			width: random(element-shared, 100px, 200px);
 		}
 		.bar {
-			width: random(match-element, 200px, 300px);
+			width: random(element-shared, 200px, 300px);
 		}
 		</pre>
 
@@ -2351,8 +2351,8 @@ Generating a Random Numeric Value: the ''random()'' function</h3>
 		so we must treat all elements as potentially related for this purpose.
 		If this is undesirable,
 		you can always supply a sufficiently unique <<dashed-ident>> yourself,
-		like ''random(--sidebar-width match-element, ...)'' on one set of elements
-		and ''random(--card-width match-element, ...)'' on another,
+		like ''random(--sidebar-width element-shared, ...)'' on one set of elements
+		and ''random(--card-width element-shared, ...)'' on another,
 		or ''random(--flicker, ...)'' and ''random(--glow, ...)'' on the different rules.
 
 		This is the one case where supplying a <<dashed-ident>>
@@ -2653,7 +2653,7 @@ Caching Random Values: the <<random-value-sharing>> value</h3>
 			among other [=random functions=] in the same property value.
 
 		2. An element ID identifying the element the style is being applied to,
-			or null if ''random()/match-element'' is specified in <<random-value-sharing>>.
+			or null if ''random()/element-shared'' is specified in <<random-value-sharing>>.
 		3. A document ID identifying the {{Document}} the styles are from.
 
 		The "element ID" and "document ID" must have the same lifetimes and equivalence
@@ -2672,8 +2672,8 @@ Caching Random Values: the <<random-value-sharing>> value</h3>
 
 		<pre highlight=css>
 		.random-square {
-			width: random(--foo match-element, 100px, 500px);
-			height: random(--foo match-element, 100px, 500px);
+			width: random(--foo element-shared, 100px, 500px);
+			height: random(--foo element-shared, 100px, 500px);
 		}
 		</pre>
 
@@ -2684,7 +2684,7 @@ Caching Random Values: the <<random-value-sharing>> value</h3>
 		with a size somewhere between ''100px'' and ''500px''.
 		Additionally, <em>every</em> ''.random-square'' element on the page
 		will have the same size,
-		since ''match-element'' was specified.
+		since ''element-shared'' was specified.
 		In fact, completely unrelated styles using the same ''random()'' function
 		will also end up sharing that value.
 
@@ -2770,8 +2770,8 @@ Caching Random Values: the <<random-value-sharing>> value</h3>
 		and this ends up defining a random <em>rectangle</em>,
 		rather than a square.
 
-		Similarly, a ''match-element'' in the <<random-value-sharing>>
-		won't determine its "element identifier"
+		Similarly, a lack of ''random()/element-shared'' in the <<random-value-sharing>>
+		won't cause the function to determine its "element identifier"
 		until substitution actually happens,
 		which might be <em>after</em> '--size' has inherited through multiple elements,
 		so again multiple elements using ''var(--size)''