[css-variables] Fix some examples.

--HG--
extra : rebase_source : 44071998d2ed62ba529eef28159cabf3782894f7

Author: tabatkins

css-variables/Overview.bs

@@ -147,7 +147,7 @@ Custom Property Value Syntax</h3>
 	Note: While <<any-value>> must represent at least one token,
 	that one token may be whitespace.
 	This implies that ''--foo: ;'' is valid,
-	and the corresponding ''var(foo)'' call would have a single space as its substitution value,
+	and the corresponding ''var(--foo)'' call would have a single space as its substitution value,
 	but ''--foo:;'' is invalid.
 
 	<div class='example'>
@@ -202,7 +202,7 @@ Custom Property Value Syntax</h3>
 
 		The preceding rule is equivalent to writing ''background-color: #06c;'',
 		except that the variable name makes the origin of the color clearer,
-		and if ''var(header-color)'' is used on other elements in the document,
+		and if ''var(--header-color)'' is used on other elements in the document,
 		all of the uses can be updated at once
 		by changing the '--header-color' property on the root element.
 	</div>
@@ -368,7 +368,7 @@ Using Cascading Variables: the ''var()'' notation</h2>
 	which is used as the substitution value when the referenced <a>custom property</a> is invalid.
 
 	Note: The syntax of the fallback, like that of <a>custom properties</a>, allows commas.
-	For example, ''var(foo, red, blue)'' defines a fallback of ''red, blue'';
+	For example, ''var(--foo, red, blue)'' defines a fallback of ''red, blue'';
 	that is, anything between the first comma and the end of the function is considered a fallback value.
 
 	A property value containing a ''var()'' function must be assumed to be valid at parse time.

css-variables/Overview.html

@@ -56,7 +56,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Custom Properties for Cascading Variables Module Level 1</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140326>26 March 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140331>31 March 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-variables-1/>http://www.w3.org/TR/css-variables-1/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2013/WD-css-variables-1-20130620/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-1-20130620/</a><dd><a href=http://www.w3.org/TR/2013/WD-css-variables-20130312/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-20130312/</a><dd><a href=http://www.w3.org/TR/2012/WD-css-variables-20120410/ rel=previous>http://www.w3.org/TR/2012/WD-css-variables-20120410/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-variables%5D%20feedback">www-style@w3.org</a>
@@ -258,7 +258,7 @@ <h3 class="heading settled heading" data-level=2.1 id=syntax><span class=secno>2
 <p class=note>	Note: While <a class="production css-code" data-link-type=type href=#typedef-any-value title="<any-value>">&lt;any-value&gt;</a> must represent at least one token,
 	that one token may be whitespace.
 	This implies that <span class=css data-link-type=propdesc title=--foo>--foo: ;</span> is valid,
-	and the corresponding <span class=css data-link-type=maybe title=var(foo)>var(foo)</span> call would have a single space as its substitution value,
+	and the corresponding <span class=css data-link-type=maybe title=var(--foo)>var(--foo)</span> call would have a single space as its substitution value,
 	but <span class=css data-link-type=maybe title=--foo:;>--foo:;</span> is invalid.
 
 	<div class=example>
@@ -307,7 +307,7 @@ <h3 class="heading settled heading" data-level=2.1 id=syntax><span class=secno>2
 </pre>
 <p>		The preceding rule is equivalent to writing <a class=css data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-3/#background-color title=background-color>background-color: #06c;</a>,
 		except that the variable name makes the origin of the color clearer,
-		and if <span class=css data-link-type=maybe title=var(header-color)>var(header-color)</span> is used on other elements in the document,
+		and if <span class=css data-link-type=maybe title=var(--header-color)>var(--header-color)</span> is used on other elements in the document,
 		all of the uses can be updated at once
 		by changing the '--header-color' property on the root element.
 	</div>
@@ -439,7 +439,7 @@ <h2 class="heading settled heading" data-level=3 id=using-variables><span class=
 	which is used as the substitution value when the referenced <a data-link-type=dfn href=#custom-property title="custom property">custom property</a> is invalid.
 
 <p class=note>	Note: The syntax of the fallback, like that of <a data-link-type=dfn href=#custom-property title="custom properties">custom properties</a>, allows commas.
-	For example, <span class=css data-link-type=maybe title="var(foo, red, blue)">var(foo, red, blue)</span> defines a fallback of <span class=css data-link-type=maybe title="red, blue">red, blue</span>;
+	For example, <span class=css data-link-type=maybe title="var(--foo, red, blue)">var(--foo, red, blue)</span> defines a fallback of <span class=css data-link-type=maybe title="red, blue">red, blue</span>;
 	that is, anything between the first comma and the end of the function is considered a fallback value.
 
 <p>	A property value containing a <a class=css data-link-type=maybe href=#funcdef-var title=var()>var()</a> function must be assumed to be valid at parse time.
@@ -520,7 +520,7 @@ <h2 class="heading settled heading" data-level=3 id=using-variables><span class=
 <p>		Again, this is <em>not</em> equivalent to setting <a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/box.html#propdef-margin-top title=margin-top>margin-top: 20px;</a> (a length).
 		Instead, it’s equivalent to <a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/box.html#propdef-margin-top title=margin-top>margin-top: 20 px;</a> (a number followed by an ident),
 		which is simply an invalid value for the <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/box.html#propdef-margin-top title=margin-top>margin-top</a> property.
-		Note, though, that <a class=css data-link-type=maybe href=http://dev.w3.org/csswg/css-values-3/#calc title=calc()>calc()</a> can be used to validly achieve the same thing, like so:
+		Note, though, that <a class=css data-link-type=maybe href=http://dev.w3.org/csswg/css-values-3/#funcdef-calc title=calc()>calc()</a> can be used to validly achieve the same thing, like so:
 
 		<pre>.foo {
   --gap: 20;