Skip to content

Commit 2949fb8

Browse files
committed
[css-values] Make example a bit less abstractly-reasoned.
1 parent 1e9d087 commit 2949fb8

3 files changed

Lines changed: 24 additions & 30 deletions

File tree

css-values/Overview.bs

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -693,19 +693,19 @@ Percentages: the <<percentage>> type</h3>
693693
where the <<percentage>> will resolve to a <<number>>.
694694

695695
<div class="example">
696-
For example, in the 'width' property <<percentage>> values are relative to the width of the containing block,
697-
and therefore represent a length,
698-
just as <<length>> values do:
699-
if the containing block is ''1000px'' wide,
700-
then ''width: 500px;'' and ''width: 50%'' have the exact same behavior.
696+
For example, the 'width' property accepts a <<length>> or a <<percentage>>,
697+
where both represent a distance.
701698
This means that ''width: calc(500px + 50%);'' is allowed--
702-
in this context it has the same behavior as ''width: calc(500px + 500px)'',
703-
which is an easy length+length calculation.
704-
705-
On the other hand, the second and third arguments of the ''hsl()'' function are bare <<percentage>>s,
706-
not relative to any other numerical syntax.
707-
They cannot be combined with anything in ''calc()''
708-
(except themselves, in useless expressions like ''calc(10% + 20%)'').
699+
both values are converted to absolute lengths and added.
700+
If the containing block is ''1000px'' wide,
701+
then ''width: 50%;'' is equivalent to ''width: 500px'',
702+
and ''width: calc(50% + 500px)'' thus ends up equivalent to ''width: calc(500px + 500px)'' or ''width: 1000px''.
703+
704+
On the other hand, the second and third arguments of the ''hsl()'' function
705+
can only be expressed as <<percentage>>s.
706+
Although ''calc()'' productions are allowed in their place,
707+
they can only combine percentages with themselves,
708+
as in ''calc(10% + 20%)''.
709709
</div>
710710

711711
<h3 id='dimensions'>

css-values/issues-cr-2015.bsi

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,18 @@ Title: CSS Values and Units Level 3
44
----
55
Issue 1.
66
Summary: Clarify that directional <angle>s must be bearing angles
7-
From: ???
8-
Comment: ???
9-
Response: ???
7+
From: Tab Atkins
8+
Comment: https://hg.csswg.org/drafts/rev/98da29d1dabb
109
Open: Accepted
11-
Edits: https://hg.csswg.org/drafts/diff/98da29d1dabb/css-values/Overview.bs
12-
Verified:
10+
Verified: reporter is editor
1311
Resolved: =WG= Discuss
1412
----
1513
Issue 2.
1614
Summary: Update IANA URL
17-
From: ???
18-
Comment: ???
19-
Response: ???
15+
From: Tab Atkins
16+
Comment: https://hg.csswg.org/drafts/rev/01acd5bdb861
2017
Closed: Accepted
21-
Verified:
18+
Verified: reporter is editor
2219
Resolved: Editorial
2320
----
2421
Issue 3.

css-values/issues-cr-2015.html

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -37,21 +37,18 @@ <h1>CSS Values and Units Level 3 Disposition of Comments for 2015-06-11 CR</h1>
3737
<pre class='open a' id='issue-1'>
3838
<span>Issue 1. <a href='#issue-1'>#</a></span>
3939
<span>Summary: Clarify that directional &lt;angle>s must be bearing angles</span>
40-
<span>From: ???</span>
41-
<span>Comment: ???</span>
42-
<span>Response: ???</span>
40+
<span>From: Tab Atkins</span>
41+
<span>Comment: <a href='https://hg.csswg.org/drafts/rev/98da29d1dabb'>https://hg.csswg.org/drafts/rev/98da29d1dabb</a></span>
4342
<span class="a">Open: Accepted</span>
44-
<span>Edits: <a href='https://hg.csswg.org/drafts/diff/98da29d1dabb/css-values/Overview.bs'>https://hg.csswg.org/drafts/diff/98da29d1dabb/css-values/Overview.bs</a></span>
45-
<span>Verified: </span>
43+
<span class="a">Verified: reporter is editor</span>
4644
<span>Resolved: =WG= Discuss</span></pre>
4745
<pre class=' a' id='issue-2'>
4846
<span>Issue 2. <a href='#issue-2'>#</a></span>
4947
<span>Summary: Update IANA URL</span>
50-
<span>From: ???</span>
51-
<span>Comment: ???</span>
52-
<span>Response: ???</span>
48+
<span>From: Tab Atkins</span>
49+
<span>Comment: <a href='https://hg.csswg.org/drafts/rev/01acd5bdb861'>https://hg.csswg.org/drafts/rev/01acd5bdb861</a></span>
5350
<span class="a">Closed: Accepted</span>
54-
<span>Verified: </span>
51+
<span class="a">Verified: reporter is editor</span>
5552
<span>Resolved: Editorial</span></pre>
5653
<pre class='open a' id='issue-3'>
5754
<span>Issue 3. <a href='#issue-3'>#</a></span>

0 commit comments

Comments
 (0)