[css-variables] Try again with the last commit?

Author: tabatkins

css-variables/Overview.html

@@ -329,7 +329,7 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Custom
     project.
   </div>
 
-  <p> Unlike other CSS properties, custom properties are
+  <p> Unlike other CSS properties, custom property names are
    <strong>case-sensitive</strong>. The "var-" prefix <strong>must</strong>
    be written in lower-case.
 
@@ -357,11 +357,17 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Custom
    it will end the property), a "!important" that's not at the end, or
    invalid tokens (such as BAD_STRING and BAD_URL).
 
-  <p> Note: Custom properties can contain a trailing ‘<code
+  <p class=note> Custom properties can contain a trailing ‘<code
    class=css>!important</code>’, but this is automatically removed from the
    property's value by the CSS parser, and makes the custom property
    "important" in the CSS cascade.
 
+  <p> Further, the value of a custom property must retain its original
+   author-given casing, unlike most CSS values which can be safely
+   lower-cased (because most of CSS is case-insensitive in the ASCII range).
+   (This requirement does not apply when a custom property's value is
+   substituted into another property via a variable.)
+
   <div class=example> For example, the following is a valid custom property:
    <pre>var-foo: if(x &gt; 5) this.width = 10;
 </pre>

css-variables/Overview.src.html

@@ -105,7 +105,7 @@ <h2 id='defining-variables'>
 	</div>
 
 	Unlike other CSS properties,
-	custom properties are <strong>case-sensitive</strong>.
+	custom property names are <strong>case-sensitive</strong>.
 	The "var-" prefix <strong>must</strong> be written in lower-case.
 
 	<div class='example'>
@@ -130,9 +130,17 @@ <h2 id='defining-variables'>
 	a "!important" that's not at the end,
 	or invalid tokens (such as BAD_STRING and BAD_URL).
 
-	Note: Custom properties can contain a trailing ''!important'',
-	but this is automatically removed from the property's value by the CSS parser,
-	and makes the custom property "important" in the CSS cascade.
+	<p class='note'>
+		Custom properties can contain a trailing ''!important'',
+		but this is automatically removed from the property's value by the CSS parser,
+		and makes the custom property "important" in the CSS cascade.
+
+	Further, the value of a custom property must retain its original author-given casing,
+	unlike most CSS values which can be safely lower-cased
+	(because most of CSS is case-insensitive in the ASCII range).
+	(This requirement does not apply when a custom property's value
+	is substituted into another property
+	via a variable.)
 
 	<div class='example'>
 		For example, the following is a valid custom property:
@@ -537,6 +545,8 @@ <h3 id='the-cssstyledeclaration-interface'>
 	}
 	</pre>
 
+
+
 <h4 id='serializing-custom-props'>
 Serializing Custom Properties</h4>