testing/web-platform/tests/css/css-values/vh-support-atviewport.html
author Gérard Talbot <github@gtalbot.org>
Thu, 31 Jan 2019 15:44:38 +0000
changeset 456852 2509717eb74258c2f2e9b0b105dd1d53543b369b
parent 392775 9415bff8166863f344256c7a3dd14aa5e038e82b
child 457181 66f5d5a88ad90d04a24a4cbe66d86c31c8900c4d
permissions -rw-r--r--
Bug 1518053 [wpt PR 14733] - Css values fixes, a=testonly Automatic update from web-platform-tests Merge branch 'FremyCompany-master' Trying to merge pull request 13930 which should fix the vh-support-margin test (see issue 13834) https://github.com/web-platform-tests/wpt/issues/13834 -- Merge remote-tracking branch 'upstream/master' -- Merge remote-tracking branch 'upstream/master' -- The original vh-support-atviewport.html test did not test what it claimed to be testing. Fantasai and I came up with this redesign and replacement. -- use more precise specification reference -- Merge pull request #14733 from TalbotG/css-values-fixes Css values fixes -- wpt-commits: f84da965417b060c742d3967a5051499638d8cb3, c50169dc6b7770f66da2592707d223f357f0557e, fe088dee6e8180860e59fadef73aba49526511d0, d5916f483cccc0f7d6195b1167e95184f56c8f07, 2730111e991e3e21d00c1dc3b4cf6809966716e0, b7d6508023db961126208844668236647169fe49 wpt-pr: 14733

<!DOCTYPE html>
<html><head>
	<meta charset="utf-8">
	<title>
		CSS Values and Units Test:
		Viewports units are supported in @viewport rules
	</title>
	<meta content="
		Viewports units are supported in @viewport rules
	" name="assert">

	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran├žois REMY">

	<link href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" rel="help">
	<link href="https://drafts.csswg.org/css-device-adapt-1/#atviewport-rule" rel="help">

	<link href="reference/vh-support-atviewport-ref.htm" rel="match">

	<style type="text/css">
			html
				{
					background-color: yellow;
				}

			body
				{
					background-color: blue;
					height: 100vh;
					margin: 0;
				}

			@viewport
				{
					width: 50vw;
				}
	</style>

</head>
<body>

</body></html>