diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
| commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
| tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm | |
| parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
| download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip | |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
Diffstat (limited to 'tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm new file mode 100644 index 00000000000..3ed25b7d62f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8"> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br> + <h2>Invalid CSS Variable Names</h2> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file |