- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 09 Aug 2011 02:02:15 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv26630
Modified Files:
Overview.html Overview.src.html
Log Message:
Added another color-stop example exercising all three rules.
Editorial tweaking to the color-stop fixup rules.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.135
retrieving revision 1.136
diff -u -d -r1.135 -r1.136
--- Overview.html 9 Aug 2011 01:56:19 -0000 1.135
+++ Overview.html 9 Aug 2011 02:02:13 -0000 1.136
@@ -1077,14 +1077,13 @@
a definite position and they will be in ascending order:
<ol>
- <li>If the first color-stop does not have a position, its position
- defaults to 0%. If the last color-stop does not have a position, its
- position defaults to 100%.
+ <li>If the first color-stop does not have a position, set its position to
+ 0%. If the last color-stop does not have a position, set its position to
+ 100%.
<li>If a color-stop has a position that is less than the specified
- position of any color-stop before it in the list, its position is changed
- to be equal to the largest specified position of any color-stop before
- it.
+ position of any color-stop before it in the list, set its position to be
+ equal to the largest specified position of any color-stop before it.
<li>If any color-stop still does not have a position, then, for each run
of adjacent color-stops without positions, set their positions so that
@@ -1116,7 +1115,11 @@
4. linear-gradient(red, white -50%, black 150%, blue)
==
- linear-gradient(red 0%, white 0%, black 150%, blue 150%)</code></pre>
+ linear-gradient(red 0%, white 0%, black 150%, blue 150%)
+
+5. linear-gradient(red 80px, white 0px, black, blue 100px)
+ ==
+ linear-gradient(red 80px, white 80px, black 90px, blue 100px)</code></pre>
</div>
<div class=example>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.142
retrieving revision 1.143
diff -u -d -r1.142 -r1.143
--- Overview.src.html 9 Aug 2011 01:56:20 -0000 1.142
+++ Overview.src.html 9 Aug 2011 02:02:13 -0000 1.143
@@ -753,18 +753,11 @@
definite position and they will be in ascending order:</p>
<ol>
- <li>If the first color-stop does not have a position, its position defaults
- to 0%. If the last color-stop does not have a position, its position defaults
- to 100%.</li>
+ <li>If the first color-stop does not have a position, set its position to 0%. If the last color-stop does not have a position, set its position to 100%.</li>
- <li>If a color-stop has a position that is less than the specified position
- of any color-stop before it in the list, its position is changed to be
- equal to the largest specified position of any color-stop before it.</li>
+ <li>If a color-stop has a position that is less than the specified position of any color-stop before it in the list, set its position to be equal to the largest specified position of any color-stop before it.</li>
- <li>If any color-stop still does not have a position, then, for each run
- of adjacent color-stops without positions, set their positions so that
- they are evenly spaced between the preceding and following color-stops
- with positions.</li>
+ <li>If any color-stop still does not have a position, then, for each run of adjacent color-stops without positions, set their positions so that they are evenly spaced between the preceding and following color-stops with positions.</li>
</ol>
<p>If multiple color-stops have the same position, they produce an infinitesimal
@@ -789,7 +782,11 @@
4. linear-gradient(red, white -50%, black 150%, blue)
==
- linear-gradient(red 0%, white 0%, black 150%, blue 150%)</code></pre>
+ linear-gradient(red 0%, white 0%, black 150%, blue 150%)
+
+5. linear-gradient(red 80px, white 0px, black, blue 100px)
+ ==
+ linear-gradient(red 80px, white 80px, black 90px, blue 100px)</code></pre>
</div>
<div class=example>
Received on Tuesday, 9 August 2011 02:02:16 UTC