Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 12:40:06 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'7af9d6ec48ab04043a2bea85a3599904a1a19efa'

Browse source
This commit is contained in:
WPT Sync Bot 2021-02-21 08:20:50 +00:00 • committed by Josh Matthews
parent 8050c95e31
commit 87be1008de
2742 changed files with 142451 additions and 40667 deletions
Download patch file Download diff file Expand all files Collapse all files

36
tests/wpt/web-platform-tests/css/css-values/calc-max-height-block-1.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE HTML>
<html>
<head>
<title>CSS Test: Test for max-height:calc() on blocks</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
<link rel="match" href="calc-max-height-block-1-ref.html">
<meta name="flags" content="">
<style type="text/css">
body { margin: 0 }
body > div { float: left; height: 100px; width: 1px; }
body > div > div { background: blue }
/* to give the max-height something to restrict */
span { display: block; height: 300px }
</style>
</head>
<body>
<!-- tests with a fixed-height container -->
<div><div style="max-height: calc(50px)"><span></span></div></div>
<div><div style="max-height: calc(50%)"><span></span></div></div>
<div><div style="max-height: calc(25px + 50%)"><span></span></div></div>
<div><div style="max-height: calc(150% / 2 - 30px)"><span></span></div></div>
<div><div style="max-height: calc(40px + 10% - 20% / 2)"><span></span></div></div>
<div><div style="max-height: calc(40px - 10%)"><span></span></div></div>
<!-- tests with an auto-height container -->
<div><div><div style="max-height: calc(50px)"><span></span></div></div></div>
<div><div><div style="max-height: calc(50%)"><span></span></div></div></div>
<div><div><div style="max-height: calc(25px + 50%)"><span></span></div></div></div>
<div><div><div style="max-height: calc(150% / 2 - 30px)"><span></span></div></div></div>
<div><div><div style="max-height: calc(40px + 10% - 20% / 2)"><span></span></div></div></div>
<div><div><div style="max-height: calc(40px - 10%)"><span></span></div></div></div>
</body>
</html>