tor-browser

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

calc-in-media-queries-001.html (765B)

      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.
     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-notation">
     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)) {
     31 		html { background: green; }
     32 	}
     33 
     34 </style>
     35 
     36 </head>
     37 <body>
     38 
     39 <div id="target"></div>
     40 
     41 </body>
     42 </html>