Fixes #1502 [css] restriction attribute in css-scheme.xml doesn't work as expected for some types

.vscode/launch.json

@@ -48,6 +48,13 @@
 			"port": 9222,
 			"sourceMaps": true,
 			"outDir": "out"
+		},
+		{
+			"name": "Convert css-schema to browser.js",
+			"type": "node",
+			"request": "launch",
+			"program": "${workspaceRoot}/src/vs/languages/css/common/buildscripts/generate_browserjs.js",
+			"stopOnEntry": false
 		}
 	]
 }
\ No newline at end of file

src/vs/languages/css/common/buildscripts/css-schema.xml

@@ -915,7 +915,6 @@
         <value name="none" version="1.0" browsers="all">
           <desc>Counts as an image layer but draws nothing.</desc>
         </value>
-		<value name="" version="1.0" browsers="none"/>
       </values>
     </entry>
     <entry name="background-image-transform" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-logical-props/#propdef-background-image-transform" syntax="div { $(name): logical; }">
@@ -1466,7 +1465,6 @@
         <value name="auto" version="3.0" browsers="all">
           <desc>currentColor. User agents may automatically adjust the color of caret to ensure good visibility and contrast with the surrounding content.</desc>
         </value>
-        <value name="" version="3.0" browsers="none"/>
       </values>
     </entry>
     <entry name="clear" restriction="enum" version="1.0" browsers="all" ref="http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#propdef-clear" syntax="footer { $(name): both; }">
@@ -4161,7 +4159,6 @@
         <value name="no-clip" version="3.0" browsers="all">
           <desc>The painted content is not restricted (not clipped).</desc>
         </value>
-        <value name="" version="3.0" browsers="none"/>
       </values>
     </entry>
     <entry name="mask-composite" restriction="enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-masking-1/#the-mask-composite">
@@ -6511,7 +6508,6 @@
         <value name="invert" version="2.0" browsers="E,IE8,O">
           <desc>Performs a color inversion on the pixels on the screen.</desc>
         </value>
-        <value name="" version="3.0" browsers="none" />
       </values>
     </entry>
     <entry name="outline-offset" restriction="length" version="3.0" browsers="C,FF1.5,O9.5,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline-offset0" syntax="article { $(name): 15px; }">
@@ -6523,7 +6519,6 @@
         <value name="auto" version="3.0" browsers="all">
           <desc>Permits the user agent to render a custom outline style, typically the default platform style.</desc>
         </value>
-		<value name="" version="3.0" browsers="none" />
       </values>
     </entry>
     <entry name="outline-width" restriction="length, line-width" version="2.0" browsers="E,C,FF1.5,IE8,O8,S1.2" ref="http://www.w3.org/TR/css3-ui/#outline-width0" syntax="td { $(name): 2px; }">

src/vs/languages/css/common/buildscripts/generate_browserjs.js

@@ -220,7 +220,11 @@ function getProperties(obj) {
 
 function getValues(valArr, restriction, ruleName) {
 	if (!Array.isArray(valArr)) {
-		return [];
+		if (valArr.$) {
+			valArr = [ valArr ];
+		} else {
+			return [];
+		}
 	}
 	var vals = valArr.map(function (v) {
 		return {