W3C home > Mailing lists > Public > public-css-commits@w3.org > September 2011

csswg/css3-images Overview.html,1.169,1.170 Overview.src.html,1.176,1.177

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Thu, 08 Sep 2011 21:18:34 +0000
To: public-css-commits@w3.org
Message-Id: <E1R1lzW-0004Rw-NJ@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv17090

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Make the color-stop fixup examples consistent, and indicate which fixup steps are used in each one.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.169
retrieving revision 1.170
diff -u -d -r1.169 -r1.170
--- Overview.html	8 Sep 2011 20:41:10 -0000	1.169
+++ Overview.html	8 Sep 2011 21:18:32 -0000	1.170
@@ -1269,34 +1269,37 @@
   <div class=example>
    <p>Below are several pairs of gradients. The latter of each pair is a
     manually "fixed-up" version of the former, obtained by applying the above
-    rules. For each pair, both gradients will render identically.</p>
+    rules. For each pair, both gradients will render identically. <span
+    class=note>The numbers in each arrow specify which fixup steps are
+    invoked in the transformation.</span></p>
 
-   <pre><code>1. linear-gradient(red, white 20%, blue)
-   ==
+   <pre><code>
+1. linear-gradient(red, white 20%, blue)
+   =1=>
    linear-gradient(red 0%, white 20%, blue 100%)
 
 2. linear-gradient(red 40%, white, black, blue)
-   ==
+   =13=>
    linear-gradient(red 40%, white 60%, black 80%, blue 100%)
 
 3. linear-gradient(red -50%, white, blue)
-   ===
+   =13=>
    linear-gradient(red -50%, white 25%, blue 100%)
 
 4. linear-gradient(red -50px, white, blue)
-   ===
+   =13=>
    linear-gradient(red -50px, white calc(-25px + 50%), blue 100%)
 
 5. linear-gradient(red 20px, white 0px, blue 40px)
-   ==
+   =2=>
    linear-gradient(red 20px, white 20px, blue 40px)
 
 6. linear-gradient(red, white -50%, black 150%, blue)
-   ==
+   =12=>
    linear-gradient(red 0%, white 0%, black 150%, blue 150%)
 
 7. linear-gradient(red 80px, white 0px, black, blue 100px)
-   ==
+   =23=>
    linear-gradient(red 80px, white 80px, black 90px, blue 100px)</code></pre>
   </div>
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.176
retrieving revision 1.177
diff -u -d -r1.176 -r1.177
--- Overview.src.html	8 Sep 2011 20:41:10 -0000	1.176
+++ Overview.src.html	8 Sep 2011 21:18:32 -0000	1.177
@@ -823,34 +823,35 @@
 	smoothly transitioning.</p>
 
 	<div class=example>
-		<p>Below are several pairs of gradients.  The latter of each pair is a manually "fixed-up" version of the former, obtained by applying the above rules.  For each pair, both gradients will render identically.</p>
+		<p>Below are several pairs of gradients.  The latter of each pair is a manually "fixed-up" version of the former, obtained by applying the above rules.  For each pair, both gradients will render identically.  <span class='note'>The numbers in each arrow specify which fixup steps are invoked in the transformation.</span></p>
 
-		<pre><code>1. linear-gradient(red, white 20%, blue)
-   ==
+		<pre><code>
+1. linear-gradient(red, white 20%, blue)
+   =1=>
    linear-gradient(red 0%, white 20%, blue 100%)
 
 2. linear-gradient(red 40%, white, black, blue)
-   ==
+   =13=>
    linear-gradient(red 40%, white 60%, black 80%, blue 100%)
 
 3. linear-gradient(red -50%, white, blue)
-   ===
+   =13=>
    linear-gradient(red -50%, white 25%, blue 100%)
 
 4. linear-gradient(red -50px, white, blue)
-   ===
+   =13=>
    linear-gradient(red -50px, white calc(-25px + 50%), blue 100%)
 
 5. linear-gradient(red 20px, white 0px, blue 40px)
-   ==
+   =2=>
    linear-gradient(red 20px, white 20px, blue 40px)
 
 6. linear-gradient(red, white -50%, black 150%, blue)
-   ==
+   =12=>
    linear-gradient(red 0%, white 0%, black 150%, blue 150%)
 
 7. linear-gradient(red 80px, white 0px, black, blue 100px)
-   ==
+   =23=>
    linear-gradient(red 80px, white 80px, black 90px, blue 100px)</code></pre>
 	</div>
 
Received on Thursday, 8 September 2011 21:18:36 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Thursday, 8 September 2011 21:18:36 GMT