From 48cd78769c757ae182c1c581a6820880044c95e9 Mon Sep 17 00:00:00 2001
From: Sebastian Zartner <sebastianzartner@gmail.com>
Date: Sun, 25 Aug 2024 00:50:59 +0200
Subject: [PATCH] [css-images-4] Clarified that total width is length of paint
 line

---
 css-images-4/Overview.bs | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/css-images-4/Overview.bs b/css-images-4/Overview.bs
index d143e101f08..64cfa326abf 100644
--- a/css-images-4/Overview.bs
+++ b/css-images-4/Overview.bs
@@ -592,7 +592,7 @@ Combining images: the ''cross-fade()'' notation {#cross-fade-function}
 
 	<pre class=prod>
 		<dfn caniuse="css-cross-fade">cross-fade()</dfn> = cross-fade( <<cf-image>># )
-		<dfn>&lt;cf-image></dfn> = [ <<image>> | <<color>> ] && <<percentage [0,100]>>? 
+		<dfn>&lt;cf-image></dfn> = [ <<image>> | <<color>> ] && <<percentage [0,100]>>?
 	</pre>
 
 	The function represents an image generated by
@@ -1961,10 +1961,10 @@ Coloring the Gradient Line</h4>
 		gives a missing hue component:
 		<span class="lang-css">oklch(0.6268 0 none)</span>
 
-		and thus, in the first gradient segment, 
-		the hue is taken from red, 
+		and thus, in the first gradient segment,
+		the hue is taken from red,
 		which is <span class="lang-css">oklch(0.628 0.2577 29.234)</span>;
-		while in the second segment 
+		while in the second segment
 		it is taken from green,
 		which is <span class="lang-css">oklch(0.5198 0.1769 142.5)</span>
 	</div>
@@ -2156,11 +2156,11 @@ Color Stop “Fixup”</h4>
 		<<stripes()>> = stripes( <<color-stripe>># )
 		<<color-stripe>> = <<color>> && [ <<length-percentage>> | <<flex>> ]?
 	</pre>
-	
+
 	The <dfn>stripes()</dfn> function defines a [=1D image=]
 	as a comma-separated list of colored stripes,
 	each placed end-to-end on the [=paint line=] in the order given.
-	
+
 	Each <dfn><<color-stripe>></dfn> entry defines a solid-color stripe
 	with the specified <<color>> and thickness.
 	If the thickness is omitted,
@@ -2189,7 +2189,8 @@ Color Stop “Fixup”</h4>
 			before being distributed.
 	</dl>
 
-	The |total width| is defined by the context in which the ''stripes()'' function is used.
+	The |total width| refers to the length of the [=paint line=].
+	It is defined by the context in which the ''stripes()'' function is used.
 	If the sum of the stripes is smaller than the |total width|,
 	the [=paint line=] is [=transparent black=] for its remaining length,
 	as if a final ''transparent'' argument were given.
@@ -2197,7 +2198,7 @@ Color Stop “Fixup”</h4>
 	any stripes or portions beyond the |total width| are truncated.
 
 	<div class='example' id='ex-stripes-total-width'>
-		For example, 
+		For example,
 		''stripes(red 1fr, green 2fr, blue 100px)''
 		with a |total width| of ''400px''
 		will result in a 100px red stripe and 200px green stripe,