tor-browser

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

conditional-properties.html (753B)


      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 <link rel="match" href="conditional-properties-ref.html">
      6 <style>
      7  .test {
      8    background-color: red;
      9    width: 100px;
     10    height: 100px;
     11    display: grid;
     12  }
     13 
     14  .test-5 {
     15    @media (min-width: 50px) {
     16      background-color: green;
     17    }
     18  }
     19 
     20  .test-10 {
     21    @supports (display: grid) {
     22      background-color: green;
     23    }
     24  }
     25 
     26  body * + * {
     27    margin-top: 8px;
     28  }
     29 </style>
     30 <body>
     31  <p>Tests pass if <strong>block is green</strong></p>
     32  <div class="test test-5"><div></div></div>
     33  <div class="test test-10"><div></div></div>
     34 </body>