- 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
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 UTC