Skip to content

Commit af30716

Browse files
committed
Regen file.
1 parent 6909af1 commit af30716

1 file changed

Lines changed: 29 additions & 2 deletions

File tree

css3-values/Overview.html

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,13 @@
2626

2727
<h1>CSS Values and Units Module Level 3</h1>
2828

29-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 March 2012</h2>
29+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 April 2012</h2>
3030

3131
<dl>
3232
<dt>This version:
3333

3434
<dd><a
35-
href="http://www.w3.org/TR/2012/ED-css3-values-20120329/">http://www.w3.org/TR/2012/ED-css3-values-20120329/</a>
35+
href="http://www.w3.org/TR/2012/ED-css3-values-20120417/">http://www.w3.org/TR/2012/ED-css3-values-20120417/</a>
3636

3737
<dt>Latest version:
3838

@@ -1381,6 +1381,33 @@ <h3 id=calc><span class=secno>8.1. </span> Mathematical Expressions:
13811381
layout will scale to match the viewport width.</p>
13821382
</div>
13831383

1384+
<div class=example>
1385+
<p> The following example stacks two centered background images, with one
1386+
offset slightly from the other.
1387+
1388+
<pre>
1389+
.foo {
1390+
background: url(top.png), url(bottom.png);
1391+
background-repeat: no-repeat;
1392+
background-position: calc(50% + 20px) calc(50% + 20px), 50% 50%;
1393+
}
1394+
</pre>
1395+
</div>
1396+
1397+
<div>
1398+
<p> This example shows how to place color-stops on a gradient an equal
1399+
distance from either end.
1400+
1401+
<pre>
1402+
.foo {
1403+
background-image: linear-gradient(to right, silver,
1404+
white 50px,
1405+
white calc(100% - 50px),
1406+
silver);
1407+
}
1408+
</pre>
1409+
</div>
1410+
13841411
<p>The expression language of these functions is described by the grammar
13851412
and prose below.
13861413

0 commit comments

Comments
 (0)