diff --git a/src/lib/style-properties.html b/src/lib/style-properties.html index cab2d78bbd..33d9f52e74 100644 --- a/src/lib/style-properties.html +++ b/src/lib/style-properties.html @@ -152,7 +152,7 @@ pp[1] = pp[1].trim(); pp[1] = this.valueForProperty(pp[1], props) || pp[1]; } - p = pp.join(': '); + p = pp.join(':'); } parts[i] = (p && p.lastIndexOf(';') === p.length - 1) ? // strip trailing ; diff --git a/test/unit/styling-cross-scope-apply.html b/test/unit/styling-cross-scope-apply.html index 41864677b1..cfd2ad181c 100644 --- a/test/unit/styling-cross-scope-apply.html +++ b/test/unit/styling-cross-scope-apply.html @@ -26,6 +26,7 @@ --mixin2: { border: 3px solid seagreen; + background: url(http://www.google.com/icon.png); }; } @@ -177,6 +178,13 @@ assertComputed(styled.$.mixin4, '2px', 'margin-top'); }); + test('mixins apply with url values', function() { + var url = 'http://www.google.com/icon.png'; + var e = styled.$.child; + assert.include(e._styleProperties['--mixin2'], url); + assert.include(e._customStyle.textContent, url); + }); + test('variable mixins inherit and override', function() { var e = styled.$.child; assertComputed(e.$.mixin1, '1px');