blob: 9054dd397d0ececc001f5aff318ec25737baec1b [file] [log] [blame]
<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<style>
#e {
--foo: {
border: 10px solid green;
font: 20px serif;
};
@apply --foo;
}
</style>
<div id=e>
</div>
<script>
test(function(){
assert_equals(getComputedStyle(e).border, "10px solid rgb(0, 128, 0)");
assert_equals(getComputedStyle(e).font, "normal normal normal normal 20px / normal serif");
}, "Basic usage of @apply with shorthand properties");
</script>