mixin-from-import.html (711B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Mixins: Mixin from an imported stylesheet</title> 5 <link rel="help" href="https://drafts.csswg.org/css-mixins-1/#using-mixins"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <style> 9 @import 'resources/imported-sheet-with-mixin.css'; 10 div { 11 color: red; 12 @apply --m1; 13 } 14 </style> 15 </head> 16 <body> 17 <div id="target">This text should be green.</div> 18 <script> 19 test(() => { 20 let target = document.getElementById('target'); 21 assert_equals(getComputedStyle(target).color, 'rgb(0, 128, 0)'); 22 }); 23 </script> 24 </body> 25 </html>