tor-browser

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

revert-layer-013.html (644B)

      1 <!DOCTYPE html>
      2 <title>CSS Cascade Layers: 'revert-layer' to host context</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-cascade-5/#revert-layer">
      4 <link rel="match" href="reference/ref-filled-green-100px-square.xht">
      5 
      6 <style>
      7 #target {
      8  width: 100px;
      9  height: 100px;
     10  background-color: revert-layer;
     11 }
     12 </style>
     13 
     14 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     15 <div id="target"></div>
     16 
     17 <script>
     18 target.attachShadow({mode: 'open'}).innerHTML = `
     19 <style>
     20 @layer first {
     21    :host { background-color: green; }
     22 }
     23 @layer second {
     24    :host { background-color: revert-layer; }
     25 }
     26 </style>
     27 `;
     28 </script>