Update the 'invalid vars' section.

--HG--
extra : rebase_source : 954410f5657834a16798d091dde44a69cbb69967

Author: tabatkins

css-variables/Overview.html

@@ -21,15 +21,15 @@
 
    <h1>CSS Variables Module Level 1</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 May 2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 June 2012</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://www.w3.org/TR/2012/WD-css-variables-20120531/">http://www.w3.org/TR/2012/ED-css-variables-20120531/</a>-->
+     <!--<dd><a href="http://www.w3.org/TR/2012/WD-css-variables-20120601/">http://www.w3.org/TR/2012/ED-css-variables-20120601/</a>-->
 
 
     <dd><a href="http://dev.w3.org/csswg/css-variables/">Editor's draft</a>
-     (version of 31 May 2012)
+     (version of 1 June 2012)
 
     <dt>Latest version:
 
@@ -264,7 +264,7 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Variables
     <tr>
      <th>Initial:
 
-     <td>invalid (a keyword, but see prose)
+     <td>(nothing, see prose)
 
     <tr>
      <th>Applies To:
@@ -299,6 +299,12 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Variables
    custom micro-syntaxes like what's allowed in calc(). There <em>are</em>
    still rules, however; for example, unbalanced parentheses are invalid.
 
+  <p> The initial value of a <a href="#variable-property"><i>variable
+   property</i></a> is an empty invalid value. This means that, until a <a
+   href="#variable-property"><i>variable property</i></a> is explicitly
+   defined otherwise by a style sheet, it defines an <a
+   href="#invalid-variable"><i>invalid variable</i></a>
+
   <p> The term <dfn id=variable-property
    title="variable property|variables properties">variable property</dfn>
    refers to any property whose name is composed of a "var-" prefix followed
@@ -709,21 +715,23 @@ <h3 id=parent-var-notation><span class=secno>3.3. </span> Getting the
   <h3 id=using-invalid-variables><span class=secno>3.4. </span> Using Invalid
    Variables</h3>
 
-  <p> When a variable property has its initial value, a ‘<code
-   class=css>var()</code>’ function referencing that property represents an
-   <dfn id=invalid-variable
-   title="invalid variable|invalid variables">invalid variable</dfn>. Using
-   an <a href="#invalid-variable"><i>invalid variable</i></a> in a property
-   value makes the declaration <a
+  <p> When a <a href="#variable-property"><i>variable property</i></a> has
+   its initial value, the <a href="#variable0"><i>variable</i></a> it defines
+   represents an <dfn id=invalid-variable>invalid variable</dfn>. Using an <a
+   href="#invalid-variable"><i>invalid variable</i></a> in a property value
+   (including other <a href="#variable-property"><i>variable
+   properties</i></a>) makes the declaration <a
    href="#invalid-at-computed-value-time"><i>invalid at computed-value
    time</i></a>.
 
-  <p> A declaration that is <dfn id=invalid-at-computed-value-time>invalid at
-   computed-value time</dfn> results from either using an <a
-   href="#invalid-variable"><i>invalid variable</i></a> in a property value,
-   or using a valid variable that produces an invalid declaration when it is
-   substituted in. When this happens, the declaration must compute to the
-   property's initial value.
+  <p> A declaration can be <dfn id=invalid-at-computed-value-time>invalid at
+   computed-value time</dfn> if it uses an invalid <a
+   href="#variable0"><i>variable</i></a>, as explained above, or if it uses a
+   valid <a href="#variable0"><i>variable</i></a>, but the property value,
+   after substituting its <a href="#variable0"><i>variables</i></a>, is
+   invalid. When this happens, the computed value of the property is either
+   the property's inherited value or its initial value depending on whether
+   the property is inherited or not, respectively.
 
   <div class=example>
    <p> For example, in the following code:
@@ -749,8 +757,7 @@ <h3 id=using-invalid-variables><span class=secno>3.4. </span> Using Invalid
    computed-value time</i></a> concept exists because variables can't "fail
    early" like other syntax errors can, so by the time the user agent
    realizes a property value is invalid, it's already thrown away the other
-   cascaded values. I think ‘<code class=css>attr()</code>’ needs to rely
-   on it as well, as its behavior is almost identical to variables.
+   cascaded values.
 
   <h2 id=cssom><span class=secno>4. </span> CSSOM</h2>
 
@@ -1061,9 +1068,6 @@ <h2 class=no-num id=index>Index</h2>
    <li>invalid variable, <a href="#invalid-variable"
     title="invalid variable"><strong>3.4.</strong></a>
 
-   <li>invalid variables, <a href="#invalid-variable"
-    title="invalid variables"><strong>3.4.</strong></a>
-
    <li>&lt;parent-var>, <a href="#parent-var-notation-type"
     title="&lt;parent-var>"><strong>3.3.</strong></a>
 
@@ -1121,7 +1125,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>&lt;value>
 
-     <td>invalid (a keyword, but see prose)
+     <td>(nothing, see prose)
 
      <td>all elements
 

css-variables/Overview.src.html

@@ -127,7 +127,7 @@ <h2 id="defining-variables">
 			<td><var>&lt;value></var>
 		<tr>
 			<th>Initial:
-			<td>invalid (a keyword, but see prose)
+			<td>(nothing, see prose)
 		<tr>
 			<th>Applies To:
 			<td>all elements
@@ -158,6 +158,12 @@ <h2 id="defining-variables">
 		for example,
 		unbalanced parentheses are invalid.
 
+	<p>
+		The initial value of a <i>variable property</i> is an empty invalid value.
+		This means that, 
+		until a <i>variable property</i> is explicitly defined otherwise by a style sheet,
+		it defines an <i>invalid variable</i>
+
 	<p>
 		The term <dfn title="variable property|variables properties">variable property</dfn> refers to any property
 		whose name is composed of a "var-" prefix 
@@ -582,17 +588,25 @@ <h3 id='using-invalid-variables'>
 Using Invalid Variables</h3>
 
 	<p>
-		When a variable property has its initial value, 
-		a ''var()'' function referencing that property 
-		represents an <dfn title="invalid variable|invalid variables">invalid variable</dfn>.  
-		Using an <i>invalid variable</i> in a property value makes the declaration <i>invalid at computed-value time</i>.
+		When a <i>variable property</i> has its initial value, 
+		the <i>variable</i> it defines
+		represents an <dfn>invalid variable</dfn>.  
+		Using an <i>invalid variable</i> in a property value
+		(including other <i>variable properties</i>) 
+		makes the declaration <i>invalid at computed-value time</i>.
 
 	<p>
-		A declaration that is <dfn>invalid at computed-value time</dfn> 
-		results from either using an <i>invalid variable</i> in a property value, 
-		or using a valid variable that produces an invalid declaration when it is substituted in.  
+		A declaration can be <dfn>invalid at computed-value time</dfn> 
+		if it uses an invalid <i>variable</i>, as explained above,
+		or if it uses a valid <i>variable</i>,
+		but the property value,
+		after substituting its <i>variables</i>,
+		is invalid.
 		When this happens, 
-		the declaration must compute to the property's initial value.
+		the computed value of the property is either
+		the property's inherited value
+		or its initial value
+		depending on whether the property is inherited or not, respectively.
 
 	<div class='example'>
 		<p>
@@ -621,9 +635,7 @@ <h3 id='using-invalid-variables'>
 		The <i>invalid at computed-value time</i> concept exists 
 		because variables can't "fail early" like other syntax errors can, 
 		so by the time the user agent realizes a property value is invalid, 
-		it's already thrown away the other cascaded values.  
-		I think ''attr()'' needs to rely on it as well, 
-		as its behavior is almost identical to variables.
+		it's already thrown away the other cascaded values.
 
 <h2 id='cssom'>
 CSSOM</h2>