tor-browser

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

calc-in-media-queries-002.html (860B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4  <meta charset="utf-8">
      5  <title>
      6    CSS Values and Units and Media Queries Test:
      7    Calc function inside media queries
      8  </title>
      9  <meta name="assert" content="
     10    The calc() expression is supported in the min-width media query properly (=with range clamping).
     11  " />
     12 
     13  <link
     14    rel="author"
     15    title="François REMY"
     16    href="mailto:fremycompany.developer@yahoo.fr"
     17  / >
     18 
     19  <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-range">
     20  <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width">
     21 
     22  <link
     23    rel="match"
     24    href="reference/all-green.html"
     25  />
     26 
     27  <style type="text/css">
     28 
     29    html { background: red; }
     30    @media (min-width: calc(-100px)) { /* should clamp to 0px */
     31      html { background: green; }
     32    }
     33 
     34  </style>
     35 
     36 </head>
     37 <body>
     38 
     39  <div id="target"></div>
     40 
     41 </body>
     42 </html>