tor-browser

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

conditional-properties-ref.html (701B)

      1 <!DOCTYPE html>
      2 <title>Properties in nested conditional rules</title>
      3 <link rel="author" title="Adam Argyle" href="mailto:argyle@google.com">
      4 <link rel="help" href="https://drafts.csswg.org/css-nesting-1/">
      5 <style>
      6  .test {
      7    background-color: red;
      8    width: 100px;
      9    height: 100px;
     10    display: grid;
     11  }
     12 
     13  @media (min-width: 50px) {
     14    .test-5 > div {
     15      background-color: green;
     16    }
     17  }
     18 
     19  @supports (display: grid) {
     20    .test-10 {
     21      background-color: green;
     22    }
     23  }
     24 
     25  body * + * {
     26    margin-top: 8px;
     27  }
     28 </style>
     29 <body>
     30  <p>Tests pass if <strong>block is green</strong></p>
     31  <div class="test test-5"><div></div></div>
     32  <div class="test test-10"><div></div></div>
     33 </body>