| OLD | NEW |
|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <script src="../../../resources/testharness.js"></script> | 2 <script src="../../../resources/testharness.js"></script> |
| 3 <script src="../../../resources/testharnessreport.js"></script> | 3 <script src="../../../resources/testharnessreport.js"></script> |
| 4 <style> | 4 <style> |
| 5 #e { | 5 #e { |
| 6 width: 100px; | 6 width: 100px; |
| 7 height: 100px; | 7 height: 100px; |
| 8 background-color: red; | 8 background-color: red; |
| 9 --apply1: @apply; | 9 --apply1: @apply; |
| 10 --apply2: --red; | 10 --apply2: --red; |
| 11 --red: { background-color: red; }; | 11 --red: { background-color: red; }; |
| 12 --foo: { | 12 --foo: { |
| 13 background-color: green; | 13 background-color: green; |
| 14 var(--apply1) var(--apply2); | 14 var(--apply1, ) var(--apply2, ); |
| 15 }; | 15 }; |
| 16 @apply --foo; | 16 @apply --foo; |
| 17 } | 17 } |
| 18 </style> | 18 </style> |
| 19 <div id=e> | 19 <div id=e> |
| 20 </div> | 20 </div> |
| 21 <script> | 21 <script> |
| 22 test(function(){ | 22 test(function(){ |
| 23 assert_equals(getComputedStyle(e).backgroundColor, "rgb(0, 128, 0)"); | 23 assert_equals(getComputedStyle(e).backgroundColor, "rgb(0, 128, 0)"); |
| 24 assert_equals(getComputedStyle(e).getPropertyValue("--foo"), " { background-
color: green; @apply --red; }"); | 24 assert_equals(getComputedStyle(e).getPropertyValue("--apply1"), ""); |
| 25 assert_equals(getComputedStyle(e).getPropertyValue("--foo"), " { background-
color: green; --red; }"); |
| 25 }, "@apply inside custom properties don't get expanded if the @apply rule was "
+ | 26 }, "@apply inside custom properties don't get expanded if the @apply rule was "
+ |
| 26 "constructed from variable references"); | 27 "constructed from variable references"); |
| 27 </script> | 28 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1752773003:
Check @apply syntax in custom properties declarations at parse time (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master