Skip to content

Commit 759fe5d

Browse files
committed
[css4-images] Added an issue about the ordering of color-stop components.
2 parents 534e36d + 115be8f commit 759fe5d

4 files changed

Lines changed: 26 additions & 13 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@
88
<link href="http://purl.org/dc/terms/" rel=schema.DC>
99
<meta content="CSS Flexible Box Layout Module" name=DC.title>
1010
<meta content=text name=DC.type>
11-
<meta content=2012-09-20 name=DC.issued>
11+
<meta content=2012-09-21 name=DC.issued>
1212
<meta content="http://dev.w3.org/csswg/css3-flexbox/" name=DC.creator>
1313
<meta content=W3C name=DC.publisher>
14-
<meta content="http://www.w3.org/TR/2012/CR-css3-flexbox-20120920/"
14+
<meta content="http://www.w3.org/TR/2012/CR-css3-flexbox-20120921/"
1515
name=DC.identifier>
1616
<link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
1717
rel=DC.rights>
@@ -216,14 +216,14 @@
216216

217217
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
218218

219-
<h2 class="no-num no-toc" id=w3c-working>W3C Candidate Recommendation, 20
219+
<h2 class="no-num no-toc" id=w3c-working>W3C Candidate Recommendation, 21
220220
September 2012</h2>
221221

222222
<dl>
223223
<dt>This version:
224224

225225
<dd><a
226-
href="http://www.w3.org/TR/2012/CR-css3-flexbox-20120920/">http://www.w3.org/TR/2012/CR-css3-flexbox-20120920/</a>
226+
href="http://www.w3.org/TR/2012/CR-css3-flexbox-20120921/">http://www.w3.org/TR/2012/CR-css3-flexbox-20120921/</a>
227227
<!--<dd><a href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a> -->
228228

229229
<dt>Latest version:
@@ -1887,8 +1887,9 @@ <h2 id=flex-lines><span class=secno>6. </span> Flex Lines</h2>
18871887
flex container (due to the ‘<a href="#flex-flow-wrap"><code
18881888
class=css>wrap</code></a>’ keyword appearing in its value), the flex
18891889
container will create an additional line to contain the last item.
1890-
<figure> <img src="images/multiline-no-flex.svg"> <figcaption> An example
1891-
rendering of the multi-line flex container. </figcaption> </figure>
1890+
<figure> <img src="images/multi-line-no-flex.svg"> <figcaption> An
1891+
example rendering of the multi-line flex container. </figcaption>
1892+
</figure>
18921893
</div>
18931894

18941895
<p> Once content is broken into lines, each line is laid out independently;
@@ -1920,7 +1921,7 @@ <h2 id=flex-lines><span class=secno>6. </span> Flex Lines</h2>
19201921
flexibility, so each of the three items on that line will receives 20px
19211922
of extra width, ending up 100px wide. The remaining item is on a line of
19221923
its own and will stretch to the entire width of the line, or 300px.
1923-
<figure> <img src="images/multiline-flex.svg"> <figcaption> A rendering
1924+
<figure> <img src="images/multi-line-flex.svg"> <figcaption> A rendering
19241925
of the same as above, but with the items all given ‘<code
19251926
class=css>flex: auto</code>’. </figcaption> </figure>
19261927
</div>

css3-flexbox/Overview.src.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1392,7 +1392,7 @@ <h2 id='flex-lines'>
13921392
the flex container will create an additional line to contain the last item.
13931393

13941394
<figure>
1395-
<img src="images/multiline-no-flex.svg">
1395+
<img src="images/multi-line-no-flex.svg">
13961396

13971397
<figcaption>
13981398
An example rendering of the multi-line flex container.
@@ -1427,7 +1427,7 @@ <h2 id='flex-lines'>
14271427
and will stretch to the entire width of the line, or 300px.
14281428

14291429
<figure>
1430-
<img src="images/multiline-flex.svg">
1430+
<img src="images/multi-line-flex.svg">
14311431

14321432
<figcaption>
14331433
A rendering of the same as above,

css4-images/Overview.html

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010
<meta content="CSS Image Values and Replaced Content Module Level 4"
1111
name=DC.title>
1212
<meta content=text name=DC.type>
13-
<meta content=2012-09-11 name=DC.issued>
13+
<meta content=2012-09-21 name=DC.issued>
1414
<meta content="http://dev.w3.org/csswg/css4-images/" name=DC.creator>
1515
<meta content=W3C name=DC.publisher>
16-
<meta content="http://www.w3.org/TR/2012/ED-css4-images-20120911/"
16+
<meta content="http://www.w3.org/TR/2012/ED-css4-images-20120921/"
1717
name=DC.identifier>
1818
<link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
1919
rel=DC.rights>
@@ -28,15 +28,15 @@
2828

2929
<h1>CSS Image Values and Replaced Content Module Level 4</h1>
3030

31-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 11 September
31+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 September
3232
2012</h2>
3333

3434
<dl>
3535
<dt>This Version:
3636

3737
<dd><a
3838
href="http://dev.w3.org/csswg/css4-images/">http://dev.w3.org/csswg/css4-images/</a>
39-
<!-- <dd><a href="http://www.w3.org/TR/2012/ED-css4-images-20120911/">http://www.w3.org/TR/2012/WD-css4-images-20120911/</a>-->
39+
<!-- <dd><a href="http://www.w3.org/TR/2012/ED-css4-images-20120921/">http://www.w3.org/TR/2012/WD-css4-images-20120921/</a>-->
4040

4141
<dt>Latest Version:
4242

@@ -2252,6 +2252,12 @@ <h3 id=color-stop-syntax><span class=secno>4.5. </span> Gradient
22522252
<pre class=prod><dfn
22532253
id=angular-color-stop-type>&lt;angular-color-stop></dfn> = <var>&lt;color></var> [ <var>&lt;percentage></var> | <var>&lt;angle></var> ]{0,2}</pre>
22542254

2255+
<p class=issue> Should we allow the color/percentage to be swapped? CSS is
2256+
usually permissive about the order of things as long as it doesn't
2257+
introduce ambiguity. The counter-argument is that people <em>might</em> be
2258+
confused by an expression like "50% black", which sounds like a gray
2259+
color.
2260+
22552261
<p> Color-stops are points placed along the <a
22562262
href="#gradient-line"><i>gradient line</i></a> defined by the gradient
22572263
function in which the color-stop is used. Color-stops must be specified in

css4-images/Overview.src.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1830,6 +1830,12 @@ <h3 id='color-stop-syntax'>
18301830
<pre class=prod><dfn id='color-stop-type'>&lt;color-stop></dfn> = <var>&lt;color></var> [ <var>&lt;percentage></var> | <var>&lt;length></var> ]{0,2}</pre>
18311831
<pre class=prod><dfn id='angular-color-stop-type'>&lt;angular-color-stop></dfn> = <var>&lt;color></var> [ <var>&lt;percentage></var> | <var>&lt;angle></var> ]{0,2}</pre>
18321832

1833+
<p class='issue'>
1834+
Should we allow the color/percentage to be swapped?
1835+
CSS is usually permissive about the order of things as long as it doesn't introduce ambiguity.
1836+
The counter-argument is that people <em>might</em> be confused by an expression like "50% black",
1837+
which sounds like a gray color.
1838+
18331839
<p>
18341840
Color-stops are points placed along the <i>gradient line</i>
18351841
defined by the gradient function in which the color-stop is used.

0 commit comments

Comments
 (0)