| OLD | NEW | 
| (Empty) |  | 
 |   1 <!doctype html> | 
 |   2 <script src="../../../resources/testharness.js"></script> | 
 |   3 <script src="../../../resources/testharnessreport.js"></script> | 
 |   4 <style> | 
 |   5 #e { | 
 |   6     --green: green; | 
 |   7     --width: 100px; | 
 |   8     --foo: { | 
 |   9         background-color: var(--green, red); | 
 |  10         width: var(--width); | 
 |  11         height: var(--unknown, 200px); | 
 |  12     }; | 
 |  13     @apply --foo; | 
 |  14 } | 
 |  15 </style> | 
 |  16 <div id=e> | 
 |  17 </div> | 
 |  18 <script> | 
 |  19 test(function(){ | 
 |  20     assert_equals(getComputedStyle(e).backgroundColor, "rgb(0, 128, 0)"); | 
 |  21     assert_equals(getComputedStyle(e).width, "100px"); | 
 |  22     assert_equals(getComputedStyle(e).height, "200px"); | 
 |  23 }, "Tests that variables can be referenced inside @apply rules"); | 
 |  24 </script> | 
| OLD | NEW |