diff options
Diffstat (limited to 'tests/wpt/css-tests/css-values-3_dev/xhtml1/mq-calc-002.xht')
| -rw-r--r-- | tests/wpt/css-tests/css-values-3_dev/xhtml1/mq-calc-002.xht | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/mq-calc-002.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/mq-calc-002.xht new file mode 100644 index 00000000000..eff26c64fee --- /dev/null +++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/mq-calc-002.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>Test: evaluation of em in calc in Media Queries</title> + <link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" /> + <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> + <link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help" /> + <link href="reference/mq-calc-001-ref.xht" rel="match" /> + <meta content="The size in pixels of the 'em' unit used in calc inside a media query does not depend on declarations and use the initial value." name="assert" /> + <meta content="" name="flags" /> + <style> + :root { font-size: 30000px; } + p { font-size: 16px; } + div { + width: 100px; + height: 100px; + background-color: red; + } + @media (min-width: calc(1em)){ + div { background-color: green; } + } + </style> + </head> + <body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div></div> + + + +</body></html>
\ No newline at end of file |