- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 12 Aug 2011 20:58:02 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images In directory hutz:/tmp/cvs-serv25204 Modified Files: Overview.html Overview.src.html Log Message: Kicked the logical linear-gradient directions to level 4. Index: Overview.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.html,v retrieving revision 1.144 retrieving revision 1.145 diff -u -d -r1.144 -r1.145 --- Overview.html 12 Aug 2011 19:31:26 -0000 1.144 +++ Overview.html 12 Aug 2011 20:57:56 -0000 1.145 @@ -598,9 +598,7 @@ <color-stop>[, <color-stop>]+ ) -<side-or-corner> = - [ [left | right] || [top | bottom] ] | - [ [start | end] || [before |after] ]</code></pre> +<side-or-corner> = [left | right] || [top | bottom]</code></pre> <p>The first argument to the function specifies the <dfn id=gradient-line>gradient-line</dfn>, which gives the gradient a direction @@ -623,18 +621,18 @@ of the angle. <p>Alternately, the direction may be specified with keywords that denote - the direction, either physically or logically (that is, based on writing - mode). If the argument is "to top", "to right", "to bottom", or "to left", - the gradient must be rendered identically to "0deg", "90deg", "180deg", or - "270deg", respectively. If the argument is "to start", "to end", "to - before", or "to after", the gradient must be rendered identically to the - equivalent physical keyword, based on the writing mode of the element the - gradient is used in. If the argument specifies a corner to angle towards, - the gradient must be rendered identically to an angle-based gradient with - an angle chosen such that the endpoint of the gradient is in the same - quadrant as the indicated corner, and a line drawn perpendicular to the - gradient-line through the center of the box intersects the two neighboring - corners. + the direction. If the argument is "to top", "to right", "to bottom", or + "to left", the gradient must be rendered identically to "0deg", "90deg", + "180deg", or "270deg", respectively. If the argument specifies a corner to + angle towards, the gradient must be rendered identically to an angle-based + gradient with an angle chosen such that the endpoint of the gradient is in + the same quadrant as the indicated corner, and a line drawn perpendicular + to the gradient-line through the center of the box intersects the two + neighboring corners. + + <p class=note>It is expected that the next level of this module will + provide the ability to define the gradient's direction relative to the + current text direction and writing-mode. <p> @@ -676,8 +674,6 @@ <h4 class=no-toc id=linear-gradient-examples><span class=secno>5.1.2. </span> Linear Gradient Examples</h4> - <p class=issue>Add some example of the logical keywords for direction. - <p>All of the following ‘<code class=css>linear-gradient()</code>’ examples are presumed to be backgrounds applied to a box that is 200px wide and 100px tall. Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.src.html,v retrieving revision 1.151 retrieving revision 1.152 diff -u -d -r1.151 -r1.152 --- Overview.src.html 12 Aug 2011 19:31:27 -0000 1.151 +++ Overview.src.html 12 Aug 2011 20:58:00 -0000 1.152 @@ -371,9 +371,7 @@ <color-stop>[, <color-stop>]+ ) -<side-or-corner> = - [ [left | right] || [top | bottom] ] | - [ [start | end] || [before |after] ]</code></pre> +<side-or-corner> = [left | right] || [top | bottom]</code></pre> <p>The first argument to the function specifies the <dfn>gradient-line</dfn>, which gives the gradient a direction and determines how color-stops are @@ -391,7 +389,9 @@ direction. The starting-point is determined identically, except in the opposite direction of the angle.</p> - <p>Alternately, the direction may be specified with keywords that denote the direction, either physically or logically (that is, based on writing mode). If the argument is "to top", "to right", "to bottom", or "to left", the gradient must be rendered identically to "0deg", "90deg", "180deg", or "270deg", respectively. If the argument is "to start", "to end", "to before", or "to after", the gradient must be rendered identically to the equivalent physical keyword, based on the writing mode of the element the gradient is used in. If the argument specifies a corner to angle towards, the gradient must be rendered identically to an angle-based gradient with an angle chosen such that the endpoint of the gradient is in the same quadrant as the indicated corner, and a line drawn perpendicular to the gradient-line through the center of the box intersects the two neighboring corners.</p> + <p>Alternately, the direction may be specified with keywords that denote the direction. If the argument is "to top", "to right", "to bottom", or "to left", the gradient must be rendered identically to "0deg", "90deg", "180deg", or "270deg", respectively. If the argument specifies a corner to angle towards, the gradient must be rendered identically to an angle-based gradient with an angle chosen such that the endpoint of the gradient is in the same quadrant as the indicated corner, and a line drawn perpendicular to the gradient-line through the center of the box intersects the two neighboring corners.</p> + + <p class='note'>It is expected that the next level of this module will provide the ability to define the gradient's direction relative to the current text direction and writing-mode.</p> <p> @@ -424,8 +424,6 @@ <h4 class='no-toc' id='linear-gradient-examples'> Linear Gradient Examples</h4> - <p class=issue>Add some example of the logical keywords for direction.</p> - <p>All of the following ''linear-gradient()'' examples are presumed to be backgrounds applied to a box that is 200px wide and 100px tall.</p>
Received on Friday, 12 August 2011 20:58:07 UTC