[css-color-5][editorial] move color-mix intro to start of color-mix() section, fix #10925

Author: svgeesus

css-color-5/Overview.bs

@@ -101,35 +101,6 @@ Introduction {#intro}
 
 	<em>This section is not normative.</em>
 
-	Web developers, design tools and design system developers
-	often use color functions to assist in scaling the design
-	of their component color relations.
-	With the increasing usage of design systems that support multiple platforms
-	and multiple user preferences, like the increased capability of Dark Mode in UI,
-	this becomes even more useful to not need to manually set color,
-	and to instead have a single source from which schemes are calculated.
-
-	<figure id="fig-chloropleth">
-		<p><img src="images/LC-picker-scale.png" alt="LC color picker" width=1168 height=1045 style="width: 40vmin"><br/>
-			<img src="images/LC-picker-map2.png" alt="chloropleth map of the US" width=1396 height=1014  style="width: 48vmin"></p>
-		<figcaption>Above, a color picker operating in CIE LCH space.
-			Here, a pair of colors are being used
-			to define a color scale
-			on the Chroma-Lightness plane (constant Hue).
-			Below, the color scale in use on a choropleth map.
-		</figcaption>
-	</figure>
-
-	<!-- from http://tristen.ca/hcl-picker/#/clh/8/267/0023A5/F8E0D6 -->
-
-	Currently Sass, calc() on HSL values, or PostCSS is used to do this.
-	However, preprocessors are unable to work on dynamically adjusted colors;
-	all current solutions are restricted to the sRGB gamut
-	and to the perceptual limitations of HSL
-	(colors are bunched up in the color wheel,
-	and two colors with visually different lightness,
-	like yellow and blue, can have the same HSL lightness).
-
 	This module adds the new functions
 	''contrast-color()'', 
 	''color-mix()'' and ''light-dark()'',
@@ -192,7 +163,36 @@ Introduction {#intro}
 Mixing Colors: the ''color-mix()'' Function {#color-mix}
 =====================================================
 
-	This function takes two <<color>> specifications
+	Web developers, design tools and design system developers
+	often use color functions to assist in scaling the design
+	of their component color relations.
+	With the increasing usage of design systems that support multiple platforms
+	and multiple user preferences, like the increased capability of Dark Mode in UI,
+	this becomes even more useful to not need to manually set color,
+	and to instead have a single source from which schemes are calculated.
+
+	<figure id="fig-chloropleth">
+		<p><img src="images/LC-picker-scale.png" alt="LC color picker" width=1168 height=1045 style="width: 40vmin"><br/>
+			<img src="images/LC-picker-map2.png" alt="chloropleth map of the US" width=1396 height=1014  style="width: 48vmin"></p>
+		<figcaption>Above, a color picker operating in CIE LCH space.
+			Here, a pair of colors are being used
+			to define a color scale
+			on the Chroma-Lightness plane (constant Hue).
+			Below, the color scale in use on a choropleth map.
+		</figcaption>
+	</figure>
+
+	<!-- from http://tristen.ca/hcl-picker/#/clh/8/267/0023A5/F8E0D6 -->
+
+	Currently Sass, calc() on HSL values, or PostCSS is used to do this.
+	However, preprocessors are unable to work on dynamically adjusted colors;
+	all current solutions are restricted to the sRGB gamut
+	and to the perceptual limitations of HSL
+	(colors are bunched up in the color wheel,
+	and two colors with visually different lightness,
+	like yellow and blue, can have the same HSL lightness).
+
+	To meet this need, the color-mix() function takes two <<color>> specifications
 	and returns the result of mixing them,
 	in a given <<color-space>>,
 	by a specified amount.