diff options
| author | Josh Matthews <josh@joshmatthews.net> | 2017-10-31 08:58:31 -0400 |
|---|---|---|
| committer | Josh Matthews <josh@joshmatthews.net> | 2017-10-31 09:04:54 -0400 |
| commit | 64e0a52537e076c091e8b0713149f827600e1bb0 (patch) | |
| tree | 1e1e86dd37a33af66e9fbc1d923f1c02d6960175 /tests/wpt/web-platform-tests/css/css-variables/css-vars-custom-property-inheritance.html | |
| parent | 43a4f016471d1e1d6b4072f9dd8cf3b8f9dfe48c (diff) | |
| download | servo-64e0a52537e076c091e8b0713149f827600e1bb0.tar.gz servo-64e0a52537e076c091e8b0713149f827600e1bb0.zip | |
Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-variables/css-vars-custom-property-inheritance.html')
| -rw-r--r-- | tests/wpt/web-platform-tests/css/css-variables/css-vars-custom-property-inheritance.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-variables/css-vars-custom-property-inheritance.html b/tests/wpt/web-platform-tests/css/css-variables/css-vars-custom-property-inheritance.html new file mode 100644 index 00000000000..fc6cfa0ed40 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-variables/css-vars-custom-property-inheritance.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link rel="author" title="Noah Collins" href="mailto:noahcollins@gmail.com"> + <link rel="help" href="http://www.w3.org/TR/css-variables-1/#using-variables"> + <meta name="assert" content="custom properties are resolved with the normal inheritance and cascade rules"> + <link rel="match" href="reference/css-vars-custom-property-inheritance-ref.html"> + <style type="text/css"> + + /* test cascade importance */ + :root { --color: #1c1 !important; } + :root { --color: red; } + + /* test cascade order */ + * { color: red; } + + /* test cascade order */ + * { color: var(--color); } + + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> +</body> +</html> |