mixin-cycle.tentative.html (862B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Mixins: Cycles</title> 5 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/12595"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <style> 9 @mixin --a() { 10 --last-processed: a; 11 @apply --b; 12 } 13 @mixin --b() { 14 --last-processed: b; 15 @apply --c; 16 } 17 @mixin --c() { 18 --last-processed: c; 19 @apply --b; 20 } 21 #target { 22 @apply --a; 23 } 24 </style> 25 </head> 26 <body> 27 <div id="target"></div> 28 <script> 29 test(() => { 30 let target = document.getElementById('target'); 31 assert_equals(getComputedStyle(target).getPropertyValue('--last-processed'), 'c'); 32 }); 33 </script> 34 </body> 35 </html>