| 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: { |
| 7 background-color: green; |
| 8 }; |
| 9 @apply --green; |
| 10 |
| 11 @apply --unknown; |
| 12 --red: { |
| 13 background-color: red; |
| 14 }; |
| 15 @apply--red; |
| 16 @apply red; |
| 17 @apply(--red); |
| 18 @apply --red !important; |
| 19 @apply --red { } |
| 20 @apply { background-color: red; } |
| 21 --redvar: --red; |
| 22 @apply var(--redvar); |
| 23 |
| 24 --red2: { background-color: red; } bla ; |
| 25 @apply --red2; |
| 26 |
| 27 width: 100px; |
| 28 height: 100px; |
| 29 |
| 30 animation: anim 0s both; |
| 31 } |
| 32 |
| 33 @apply --red; |
| 34 |
| 35 @keyframes anim { |
| 36 100% { |
| 37 @apply --red; |
| 38 } |
| 39 } |
| 40 </style> |
| 41 <div id=e> |
| 42 </div> |
| 43 <script> |
| 44 test(function(){ |
| 45 assert_equals(getComputedStyle(e).backgroundColor, "rgb(0, 128, 0)"); |
| 46 }, "Tests various invalid @apply rules get rejected"); |
| 47 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1645433002:
Basic implementation of @apply (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master