[css-egg] Bikeshed updates

Author: frivoal

css-egg-1/Overview.bs

@@ -20,6 +20,7 @@ spec:css-images-3; type:value;
 	text: farthest-corner
 spec:css-values-3; type:type; text:<time>
 spec:css-conditional-3; type:at-rule; text:@media
+spec:css-values-4; type:value; text:s
 </pre>
 
 <style type="text/css">
@@ -394,7 +395,7 @@ The <dfn id="device-performance-value"><<device-performance>></dfn> describes th
 Note: <a href="https://ada.is/xrgarden/">Ada Rose Cannon's Fish Garden</a> supports changing the number of fish through the `?fish=` query parameter, e.g. <a href="https://ada.is/xrgarden/?fish=50">this link will show 50 fish</a>
 
 <h4 id="media-query-ext">
-Extension to the ''@media'' rule: The 'performance' feature</h4>
+Extension to the ''@media'' rule: The '@media/performance' feature</h4>
 
 	<pre class='descdef mq'>
 	Name: performance
@@ -403,9 +404,9 @@ Extension to the ''@media'' rule: The 'performance' feature</h4>
 	Type: range
 	</pre>
 
-The 'performance' media feature describes the performance characteristics of the current device and user agent combination at the current time. It SHOULD incorporate transient and permanent environmental factors affecting performance such as the current room temperature, the accumulation of dust in the device's cooling system, and the existence of spilled lemonade or coffee on the device's motherboard.
+The '@media/performance' media feature describes the performance characteristics of the current device and user agent combination at the current time. It SHOULD incorporate transient and permanent environmental factors affecting performance such as the current room temperature, the accumulation of dust in the device's cooling system, and the existence of spilled lemonade or coffee on the device's motherboard.
 
-When querying the 'performance' feature the user agent SHOULD ensure that it is querying a recent value. The user agent MAY in the background run <a href="https://ada.is/xrgarden/">Ada's Fish Garden</a> with various parameters to estimate this value. If device performance characteristics change while content is being viewed, the user agent MUST recompute its value for 'performance', potentially restyling the document.
+When querying the '@media/performance' feature the user agent SHOULD ensure that it is querying a recent value. The user agent MAY in the background run <a href="https://ada.is/xrgarden/">Ada's Fish Garden</a> with various parameters to estimate this value. If device performance characteristics change while content is being viewed, the user agent MUST recompute its value for '@media/performance', potentially restyling the document.
 
 <div class=example>
 This feature is useful for designing robust content that adapts to different device characteristics.
@@ -467,7 +468,7 @@ modern web standards can be used to achieve a similar effect.
 &lt;img src="about:unicorn"
 style="background: double-rainbow(bottom, closest-corner)">
 </code></pre>
-<img class=fabulous src="images/unicorn.svg">
+<img class=fabulous src="images/unicorn.svg" no-autosize>
 <style>
 .fabulous {
 background: radial-gradient(closest-corner circle at bottom, transparent, rgba(250, 250, 210, 0.251) 63%, rgba(148, 0, 211, 0.251), rgba(0, 0, 128, 0.251), rgba(0, 0, 255, 0.251), rgba(0, 128, 0, 0.251), rgba(255, 255, 0, 0.251), rgba(255, 165, 0, 0.251), rgba(255, 0, 0, 0.251), transparent 67%, transparent 90%, rgba(255, 0, 0, 0.126), rgba(255, 165, 0, 0.126), rgba(255, 255, 0, 0.126), rgba(0, 128, 0, 0.126), rgba(0, 0, 255, 0.126), rgba(0, 0, 128, 0.126), rgba(148, 0, 211, 0.126), transparent 100%);