tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

scope-import-scope-end.tentative.html (891B)

      1 <!DOCTYPE html>
      2 <title>@import scope() with &lt;scope-end&gt;</title>
      3 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7348">
      4 <script src="/resources/testharness.js"></script>
      5 <script src="/resources/testharnessreport.js"></script>
      6 <style>
      7 @import url("resources/scope-imported.css") scope((.scope) to (.limit));
      8 </style>
      9 <main id=main>
     10  <div class=scope>
     11    <div class=x>Inside</div>
     12    <div class=limit>
     13      <div class=x>Below limit</div>
     14    </div>
     15  </div>
     16 </main>
     17 <script>
     18  test(() => {
     19    let e = main.querySelector('.scope > .x');
     20    assert_equals(getComputedStyle(e).getPropertyValue('--x'), '1');
     21  }, 'Scope-imported rule applies within scope, above limit');
     22 
     23  test(() => {
     24    let e = main.querySelector('.limit > .x');
     25    assert_equals(getComputedStyle(e).getPropertyValue('--x'), '');
     26  }, 'Scope-imported rule does not apply below limit');
     27 </script>