Merge pull request #4780 from Polymer/whitespace-css-imports

Allow arbitrary whitespace in CSS imports

Author: kevinpschaaf

lib/utils/style-gather.html

@@ -46,7 +46,7 @@
      * @this {StyleGather}
      */
     cssFromModules(moduleIds) {
-      let modules = moduleIds.trim().split(' ');
+      let modules = moduleIds.trim().split(/\s+/);
       let cssText = '';
       for (let i=0; i < modules.length; i++) {
         cssText += this.cssFromModule(modules[i]);

test/unit/custom-style-import.html

@@ -30,7 +30,8 @@
 <link rel="import" href="sub/style-import.html">
 
 <custom-style>
-<style is="custom-style" include="shared-style style-import">
+<style is="custom-style" include="shared-style style-import
+  style-import2">
   html {
 
     --import-mixin: {

test/unit/custom-style.html

@@ -393,6 +393,11 @@
         assert.include(url, 'sub/google.png');
       });
 
+      test('style paths can have arbitrary whitespace', function() {
+        var foo = document.querySelector('.foo');
+        assertComputed(foo, '4px', 'width');
+      });
+
       test('imperative custom style', function() {
         var cs = document.createElement('custom-style');
         var style = document.createElement('style');

test/unit/sub/style-import.html

@@ -8,4 +8,14 @@
       }
     </style>
   </template>
+</dom-module>
+
+<dom-module id="style-import2">
+  <template>
+    <style>
+      .foo {
+        width: 4px;
+      }
+    </style>
+  </template>
 </dom-module>