Commit d3145e8

--variable-property-after-property: 3px;

--variable-property-after-assignment: 4px;

--variable-property-before-assignment: 5px;

}

</style>

<child-variable-with-var id="child"></child-variable-with-var>

--variable-between-properties: 6px;

background-color: var(--variable-property-before-property); padding-top: var(--variable-property-after-property);

--variable-assignment-before-property: 7px; padding-bottom: var(--variable-property-after-assignment);

}

</style>

<child-of-child-with-var id="child"></child-of-child-with-var>

padding-right: var(--variable-between-properties);

margin-left: var(--variable-assignment-before-property);

margin-right: var(--variable-assignment-after-property);

}

</style>

Text

assertComputed(el, '7px', 'margin-left');

assertComputed(el, '8px', 'margin-right');

assertComputed(el, 'rgb(255, 255, 0)', 'background-color');

// Because FireFox and Chrome parse font-family differently...

var computed = getComputedStyle(el);

assert.equal(computed['font-family'].replace(/['"]+/g, ''), 'Varela font');

});

test('BEM-like CSS selectors under media queries', function() {

assertComputed(document.querySelector('.foo--bar'), '3px');

});

}

#gc4 {

var(--gc4-scope);

}

</style>

});

</script>

</dom-module>

<dom-module id="x-scope">

<style>

:host {

}

</style>

<template>

</template>

<script>

HTMLImports.whenReady(function() {

Polymer({

is: 'x-inside'

});

</script>

// test('var values can be overridden by subsequent concrete properties', function() {

// assertComputed(styled.$.overridesConcrete, '4px');

// });