tor-browser

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

revert-layer-014.html (694B)

      1 <!DOCTYPE html>
      2 <title>CSS Cascade Layers: 'revert-layer' in slotted 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="host"><div id="target"></div></div>
     16 
     17 <script>
     18 host.attachShadow({mode: 'open'}).innerHTML = `
     19 <style>
     20 @layer first {
     21    ::slotted(*) { background-color: green; }
     22 }
     23 @layer second {
     24    ::slotted(*) { background-color: revert-layer; }
     25 }
     26 </style>
     27 <slot></slot>
     28 `;
     29 </script>