Allow any space character or even { and } (before and after capturing pattern correspondingly) as pattern boundaries instead of new lines only

Author: nazar-pc

src/lib/style-properties.html

@@ -350,7 +350,7 @@
       },
 
       rx: {
-        VAR_ASSIGN: /(?:^|[;\n]\s*)(--[\w-]*?)\s*:\s*(?:([^;{]*)|{([^}]*)})(?:(?=[;\n])|$)/gi,
+        VAR_ASSIGN: /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:([^;{]*)|{([^}]*)})(?:(?=[;\s}])|$)/gi,
         MIXIN_MATCH: /(?:^|\W+)@apply[\s]*\(([^)]*)\)/i,
         // note, this supports:
         // var(--a)

test/unit/custom-style.html

@@ -53,6 +53,8 @@
       };
     }
 
+    :root{--blue-text:{color:#0000ff};--dummy-mixin:{};--bold-text:{font-weight:700}}
+
 
     :root {
 
@@ -124,6 +126,8 @@
 
   <x-red-text></x-red-text>
 
+  <x-blue-bold-text></x-blue-bold-text>
+
   <br><br>
   <div id="after"></div>
 
@@ -176,14 +180,23 @@
   <dom-module id="x-red-text">
     <style>
       :host {
-        ;@apply(--red-text);
+        @apply(--red-text);
       }
     </style>
     <template>
       x-red-text
     </template>
   </dom-module>
 
+  <dom-module id="x-blue-bold-text">
+    <style>
+      :host {@apply(--blue-text);@apply(--bold-text);}
+    </style>
+    <template>
+      x-blue-bold-text
+    </template>
+  </dom-module>
+
   <script>
 
     suite('x-style', function() {
@@ -206,6 +219,10 @@
           is: 'x-red-text'
         });
 
+        Polymer({
+          is: 'x-blue-bold-text'
+        });
+
         xBar = document.querySelector('x-bar');
         xFoo = document.querySelector('x-foo');
 
@@ -240,6 +257,12 @@
         assertComputed(red, 'rgb(255, 0, 0)', 'color');
       });
 
+      test('custom properties in minified css', function() {
+        var blue = document.querySelector('x-blue-bold-text');
+        assertComputed(blue, 'rgb(0, 0, 255)', 'color');
+        assertComputed(blue, '700', 'fontWeight');
+      });
+
       test('custom-styles apply normal and property values to main document', function() {
         var bag = document.querySelector('.bag');
         var italic = document.querySelector('.italic');