mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
James Graham
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
39
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-1.xht
Normal file
39
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-1.xht
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Introduction - CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
|
||||
<h2>Introduction (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#intro">1 Introduction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
837
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-2.xht
Normal file
837
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-2.xht
Normal file
|
|
@ -0,0 +1,837 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Defining Custom Properties: the '--*' family of properties - CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
|
||||
<h2>Defining Custom Properties: the '--*' family of properties (96 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#defining-variables">2 Defining Custom Properties: the '--*' family of properties</a></th></tr>
|
||||
<!-- 35 tests -->
|
||||
<tr id="test_variable_legal_values-2" class="primary script">
|
||||
<td><strong>
|
||||
<a href="test_variable_legal_values.xht">test_variable_legal_values</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Variables Allowed Syntax
|
||||
<ul class="assert">
|
||||
<li>The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-06-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-06.xht">variable-declaration-06</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test overriding an existing variable declaration.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-29-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-29.xht">variable-declaration-29</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with a valid custom property name "--".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-31-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-31.xht">variable-declaration-31</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the variable name begins with a digit.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-32-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-32.xht">variable-declaration-32</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the variable name begins with an escaped digit.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-33-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-33.xht">variable-declaration-33</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the variable name begins with an escaped letter.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-34-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-34.xht">variable-declaration-34</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the variable name begins with a lone surrogate.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-35-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-35.xht">variable-declaration-35</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the variable name begins with U+FFFD.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-36-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-36.xht">variable-declaration-36</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-38-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-38.xht">variable-declaration-38</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring two variables in the same declaration block that differ only in case, with lowercase first.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-39-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-39.xht">variable-declaration-39</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring two variables in the same declaration block that differ only in case, with uppercase first.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-40-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-40.xht">variable-declaration-40</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-41-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-41.xht">variable-declaration-41</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-42-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-42.xht">variable-declaration-42</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-43-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-43.xht">variable-declaration-43</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value is "initial".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-44-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-44.xht">variable-declaration-44</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value is "inherit" where there is no variable to inherit from.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-45-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-45.xht">variable-declaration-45</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value is "inherit" where there is a variable to inherit from.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-46-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-46.xht">variable-declaration-46</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value is "initial" where there is a variable to inherit from.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-47-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-47.xht">variable-declaration-47</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-56-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-56.xht">variable-declaration-56</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value is "unset" where there is no variable to inherit from.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-57-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-57.xht">variable-declaration-57</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value is "unset" where there is a variable to inherit from.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-58-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-58.xht">variable-declaration-58</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable whose value consists of a reference to a variable whose value is "unset".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-59-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-59.xht">variable-declaration-59</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with a trailing invalid token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-external-font-face-01-2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-external-font-face-01.xht">variable-external-font-face-01</a></strong></td>
|
||||
<td><a href="reference/variable-font-face-01-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-font-face-01-2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-font-face-01.xht">variable-font-face-01</a></strong></td>
|
||||
<td><a href="reference/variable-font-face-01-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test the invalid declaration and use of a variable in an @font-face rule.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-font-face-02-2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-font-face-02.xht">variable-font-face-02</a></strong></td>
|
||||
<td><a href="reference/variable-font-face-02-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-13-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-13.xht">variable-reference-13</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-14-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-14.xht">variable-reference-14</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test that important variable declarations cascade correctly.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-58-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-58.xht">variable-supports-58</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing property declaration in an @supports rule with property name "--".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-60-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-60.xht">variable-supports-60</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-61-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-61.xht">variable-supports-61</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-62-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-62.xht">variable-supports-62</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-63-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-63.xht">variable-supports-63</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-66-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-66.xht">variable-supports-66</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-67-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-67.xht">variable-supports-67</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s2.#custom-property">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#propdef---">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#typedef-custom-property-name">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#syntax">2.1 Custom Property Value Syntax</a></th></tr>
|
||||
<!-- 55 tests -->
|
||||
<tr id="variable-declaration-01-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-01.xht">variable-declaration-01</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable consisting of a single token preceded by white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-02-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-02.xht">variable-declaration-02</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable consisting of a single token with no preceding white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-03-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-03.xht">variable-declaration-03</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that references another variable.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-04-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-04.xht">variable-declaration-04</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable consisting of a variable reference followed by white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-05-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-05.xht">variable-declaration-05</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable consisting of a variable reference that includes white space around the variable name.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-07-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-07.xht">variable-declaration-07</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-08-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-08.xht">variable-declaration-08</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a variable reference whose fallback is white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-09-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-09.xht">variable-declaration-09</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-10-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-10.xht">variable-declaration-10</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-11-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-11.xht">variable-declaration-11</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-12-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-12.xht">variable-declaration-12</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-13-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-13.xht">variable-declaration-13</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-14-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-14.xht">variable-declaration-14</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-15-2.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-15.xht">variable-declaration-15</a></strong></td>
|
||||
<td><a href="reference/variable-declaration-15-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test declaring a variable that consists of a comma-separated font family list.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-16-2.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-16.xht">variable-declaration-16</a></strong></td>
|
||||
<td><a href="reference/variable-declaration-16-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-17-2.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-17.xht">variable-declaration-17</a></strong></td>
|
||||
<td><a href="reference/variable-declaration-17-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-18-2.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-18.xht">variable-declaration-18</a></strong></td>
|
||||
<td><a href="reference/variable-declaration-18-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-19-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-19.xht">variable-declaration-19</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a function where one of the arguments is a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-20-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-20.xht">variable-declaration-20</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with "!important".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-21-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-21.xht">variable-declaration-21</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-22-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-22.xht">variable-declaration-22</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-23-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-23.xht">variable-declaration-23</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to having two "!important" priorities.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-24-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-24.xht">variable-declaration-24</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that contains a CDO token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-25-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-25.xht">variable-declaration-25</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that contains a CDC token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-26-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-26.xht">variable-declaration-26</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that contains only a white space token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-28-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-28.xht">variable-declaration-28</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with invalid syntax due to having no tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-37-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-37.xht">variable-declaration-37</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-60-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-60.xht">variable-declaration-60</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-external-declaration-01-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-external-declaration-01.xht">variable-external-declaration-01</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable in an external CSS file.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-33-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-33.xht">variable-supports-33</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-34-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-34.xht">variable-supports-34</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-35-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-35.xht">variable-supports-35</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-36-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-36.xht">variable-supports-36</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-37-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-37.xht">variable-supports-37</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-38-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-38.xht">variable-supports-38</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-39-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-39.xht">variable-supports-39</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-40-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-40.xht">variable-supports-40</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-41-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-41.xht">variable-supports-41</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-42-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-42.xht">variable-supports-42</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important".
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-43-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-43.xht">variable-supports-43</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-44-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-44.xht">variable-supports-44</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-45-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-45.xht">variable-supports-45</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-46-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-46.xht">variable-supports-46</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-47-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-47.xht">variable-supports-47</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-48-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-48.xht">variable-supports-48</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-49-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-49.xht">variable-supports-49</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-50-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-50.xht">variable-supports-50</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-51-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-51.xht">variable-supports-51</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-52-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-52.xht">variable-supports-52</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-53-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-53.xht">variable-supports-53</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-54-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-54.xht">variable-supports-54</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-55-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-55.xht">variable-supports-55</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-56-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-56.xht">variable-supports-56</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains only a white space token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-57-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-57.xht">variable-supports-57</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value contains no tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-65-2.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-65.xht">variable-supports-65</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s2.1.#animation-tainted">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.1.#typedef-any-value">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#cycles">2.2 Resolving Dependency Cycles</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="variable-declaration-30-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-30.xht">variable-declaration-30</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that contains a variable reference to itself.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-48-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-48.xht">variable-declaration-48</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a number of variables in a cycle.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-49-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-49.xht">variable-declaration-49</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-50-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-50.xht">variable-declaration-50</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-39-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-39.xht">variable-reference-39</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that references itself but uses fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-59-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-59.xht">variable-supports-59</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
693
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-3.xht
Normal file
693
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-3.xht
Normal file
|
|
@ -0,0 +1,693 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Using Cascading Variables: the var() notation - CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
|
||||
<h2>Using Cascading Variables: the var() notation (78 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#using-variables">3 Using Cascading Variables: the var() notation</a></th></tr>
|
||||
<!-- 73 tests -->
|
||||
<tr id="css-vars-custom-property-case-sensitive-001-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-vars-custom-property-case-sensitive-001.xht">css-vars-custom-property-case-sensitive-001</a></strong></td>
|
||||
<td><a href="reference/css-vars-custom-property-case-sensitive-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>custom property names start with "var-" in lower case
|
||||
<ul class="assert">
|
||||
<li>Custom property names start with var- which must be lower case</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="css-vars-custom-property-inheritance-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="css-vars-custom-property-inheritance.xht">css-vars-custom-property-inheritance</a></strong></td>
|
||||
<td><a href="reference/css-vars-custom-property-inheritance-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>custom properties use normal inheritance and cascade rules
|
||||
<ul class="assert">
|
||||
<li>custom properties are resolved with the normal inheritance and cascade rules</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-52-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-52.xht">variable-declaration-52</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-53-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-53.xht">variable-declaration-53</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of two variable references without fallback and with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-54-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-54.xht">variable-declaration-54</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-declaration-55-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-55.xht">variable-declaration-55</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-external-reference-01-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-external-reference-01.xht">variable-external-reference-01</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-external-supports-01-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-external-supports-01.xht">variable-external-supports-01</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-01-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-01.xht">variable-reference-01</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of a variable in a non-custom property where the variable value is inherited.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-03-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-03.xht">variable-reference-03</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-04-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-04.xht">variable-reference-04</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-05-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-05.xht">variable-reference-05</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-06-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-06.xht">variable-reference-06</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-07-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-07.xht">variable-reference-07</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-08-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-08.xht">variable-reference-08</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-09-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-09.xht">variable-reference-09</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with a variable reference that has a non-top level ';' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-10-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-10.xht">variable-reference-10</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with a variable reference that has a non-top level '!' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-11-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-11.xht">variable-reference-11</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-12-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-12.xht">variable-reference-12</a></strong></td>
|
||||
<td><a href="reference/variable-reference-12-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of variable references in the 'content' property.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-15-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-15.xht">variable-reference-15</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with two variable references with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-16-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-16.xht">variable-reference-16</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-17-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-17.xht">variable-reference-17</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-18-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-18.xht">variable-reference-18</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-19-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-19.xht">variable-reference-19</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-20-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-20.xht">variable-reference-20</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-21-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-21.xht">variable-reference-21</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-22-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-22.xht">variable-reference-22</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-23-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-23.xht">variable-reference-23</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-24-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-24.xht">variable-reference-24</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-25-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-25.xht">variable-reference-25</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-26-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-26.xht">variable-reference-26</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-27-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-27.xht">variable-reference-27</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-28-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-28.xht">variable-reference-28</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-29-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-29.xht">variable-reference-29</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-30-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-30.xht">variable-reference-30</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-31-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-31.xht">variable-reference-31</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-32-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-32.xht">variable-reference-32</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-33-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-33.xht">variable-reference-33</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-34-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-34.xht">variable-reference-34</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-35-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-35.xht">variable-reference-35</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-01-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-01.xht">variable-supports-01</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-02-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-02.xht">variable-supports-02</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-03-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-03.xht">variable-supports-03</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-04-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-04.xht">variable-supports-04</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-05-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-05.xht">variable-supports-05</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-06-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-06.xht">variable-supports-06</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-07-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-07.xht">variable-supports-07</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-08-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-08.xht">variable-supports-08</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-09-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-09.xht">variable-supports-09</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-10-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-10.xht">variable-supports-10</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-11-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-11.xht">variable-supports-11</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-12-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-12.xht">variable-supports-12</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-13-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-13.xht">variable-supports-13</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-14-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-14.xht">variable-supports-14</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-15-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-15.xht">variable-supports-15</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-16-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-16.xht">variable-supports-16</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-17-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-17.xht">variable-supports-17</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule with two "!important" priorities.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-18-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-18.xht">variable-supports-18</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-19-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-19.xht">variable-supports-19</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-20-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-20.xht">variable-supports-20</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-21-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-21.xht">variable-supports-21</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-22-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-22.xht">variable-supports-22</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-23-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-23.xht">variable-supports-23</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-24-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-24.xht">variable-supports-24</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-25-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-25.xht">variable-supports-25</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-26-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-26.xht">variable-supports-26</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the "--" variable name prefix.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-27-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-27.xht">variable-supports-27</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-28-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-28.xht">variable-supports-28</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-29-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-29.xht">variable-supports-29</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-30-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-30.xht">variable-supports-30</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-31-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-31.xht">variable-supports-31</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-32-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-32.xht">variable-supports-32</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-supports-64-3" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-supports-64.xht">variable-supports-64</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.#funcdef-var">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#substitute-a-var">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#invalid-variables">3.1 Invalid Variables</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="variable-declaration-51-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-declaration-51.xht">variable-declaration-51</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a variable that consists of a reference to an invalid inherited variable.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-02-3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-02.xht">variable-reference-02</a></strong></td>
|
||||
<td><a href="support/color-green-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.1.#invalid-at-computed-value-time">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands">3.2 Variables in Shorthand Properties</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="variable-reference-36-3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-36.xht">variable-reference-36</a></strong></td>
|
||||
<td><a href="reference/variable-reference-36-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom shorthand property containing a variable reference.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-37-3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-37.xht">variable-reference-37</a></strong></td>
|
||||
<td><a href="reference/variable-reference-37-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="variable-reference-38-3.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="variable-reference-38.xht">variable-reference-38</a></strong></td>
|
||||
<td><a href="reference/variable-declaration-59-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Test using variables in overlapping shorthands.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s3.2.#pending-substitution-value">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-4.xht
Normal file
45
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-4.xht
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>APIs - CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
|
||||
<h2>APIs (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#apis">4 APIs</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#serializing-custom-props">4.1 Serializing Custom Properties</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
39
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-5.xht
Normal file
39
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-5.xht
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Changes since the June 20 2013 Last Call Working Draft - CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
|
||||
<h2>Changes since the June 20 2013 Last Call Working Draft (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#changes">5 Changes since the June 20 2013 Last Call Working Draft</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
96
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-6.xht
Normal file
96
tests/wpt/css-tests/css-variables-1_dev/xhtml1/chapter-6.xht
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Acknowledgments - CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
|
||||
<h2>Acknowledgments (0 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
<col id="flags-column"></col>
|
||||
<col id="info-column"></col>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Test</th>
|
||||
<th><abbr title="Rendering References">Refs</abbr></th>
|
||||
<th>Flags</th>
|
||||
<th>Info</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-variables-1/#acks">6 Acknowledgments</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conformance-classes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#conventions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#css-extensions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#cssom">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#experimental">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#informative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#normative">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#partial">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#property-index">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#rfc2119">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#subtitle">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#testing">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#title">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!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>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" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<meta content="Custom property names start with var- which must be lower case" name="assert" />
|
||||
<link href="reference/css-vars-custom-property-case-sensitive-ref.xht" rel="match" />
|
||||
<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 class="red-bad-1">Invalid CSS Variable Names</h2>
|
||||
<p class="red-bad-1">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p>
|
||||
<p class="red-bad-2">This paragraph is styled using an invalid CSS Variable name. Fail if red.</p>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title>
|
||||
<link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<meta content="custom properties are resolved with the normal inheritance and cascade rules" name="assert" />
|
||||
<link href="reference/css-vars-custom-property-inheritance-ref.xht" rel="match" />
|
||||
<style type="text/css">
|
||||
|
||||
/* test cascade importance */
|
||||
:root { var-color: #1c1 !important; }
|
||||
:root { var-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>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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>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>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!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>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title>
|
||||
<link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins" />
|
||||
<style type="text/css">
|
||||
* { color: #1c1; }
|
||||
</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>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
@font-face {
|
||||
font-family: "Ahem";
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
color: var(--a);
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
@font-face {
|
||||
--a: MyTestFontName;
|
||||
font-family: var(--a);
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: MyTestFontName2;
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
#a {
|
||||
font-family: MyTestFontName;
|
||||
}
|
||||
#b {
|
||||
font-family: MyTestFontName2;
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
:root {
|
||||
--a: green;
|
||||
}
|
||||
p {
|
||||
color: var(--a);
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
body { color: red; }
|
||||
@supports (color:var(--a)) {
|
||||
p { color: green; }
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<style>
|
||||
p {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<style>
|
||||
p {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<style>
|
||||
p {
|
||||
font-family: SomeUnknownFont, Ahem;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<style>
|
||||
p {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
</head><body><p>This text must not be in Ahem.</p>
|
||||
<p style="font-family: Ahem">But this text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
</head><body><p>This text must not be in Ahem.</p>
|
||||
<p style="font-family: Ahem">But this text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
</head><body><p>The words "hello there" must appear below:</p>
|
||||
<p>hello there</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<style>
|
||||
p {
|
||||
background-color: green;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must have a green background color.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<style>
|
||||
p {
|
||||
background-color: green;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must have a green background color.</p>
|
||||
</body></html>
|
||||
1414
tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest-toc.xht
Normal file
1414
tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest-toc.xht
Normal file
File diff suppressed because it is too large
Load diff
174
tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest.list
Normal file
174
tests/wpt/css-tests/css-variables-1_dev/xhtml1/reftest.list
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
|
||||
css-vars-custom-property-case-sensitive-001.xht == reference/css-vars-custom-property-case-sensitive-ref.xht
|
||||
css-vars-custom-property-inheritance.xht == reference/css-vars-custom-property-inheritance-ref.xht
|
||||
variable-declaration-01.xht == support/color-green-ref.xht
|
||||
variable-declaration-02.xht == support/color-green-ref.xht
|
||||
variable-declaration-03.xht == support/color-green-ref.xht
|
||||
variable-declaration-04.xht == support/color-green-ref.xht
|
||||
variable-declaration-05.xht == support/color-green-ref.xht
|
||||
variable-declaration-06.xht == support/color-green-ref.xht
|
||||
variable-declaration-07.xht == support/color-green-ref.xht
|
||||
variable-declaration-08.xht == support/color-green-ref.xht
|
||||
variable-declaration-09.xht == support/color-green-ref.xht
|
||||
variable-declaration-10.xht == support/color-green-ref.xht
|
||||
variable-declaration-11.xht == support/color-green-ref.xht
|
||||
variable-declaration-12.xht == support/color-green-ref.xht
|
||||
variable-declaration-13.xht == support/color-green-ref.xht
|
||||
variable-declaration-14.xht == support/color-green-ref.xht
|
||||
variable-declaration-15.xht == reference/variable-declaration-15-ref.xht
|
||||
variable-declaration-16.xht == reference/variable-declaration-16-ref.xht
|
||||
variable-declaration-17.xht == reference/variable-declaration-17-ref.xht
|
||||
variable-declaration-18.xht == reference/variable-declaration-18-ref.xht
|
||||
variable-declaration-19.xht == support/color-green-ref.xht
|
||||
variable-declaration-20.xht == support/color-green-ref.xht
|
||||
variable-declaration-21.xht == support/color-green-ref.xht
|
||||
variable-declaration-22.xht == support/color-green-ref.xht
|
||||
variable-declaration-23.xht == support/color-green-ref.xht
|
||||
variable-declaration-24.xht == support/color-green-ref.xht
|
||||
variable-declaration-25.xht == support/color-green-ref.xht
|
||||
variable-declaration-26.xht == support/color-green-ref.xht
|
||||
variable-declaration-28.xht == support/color-green-ref.xht
|
||||
variable-declaration-29.xht == support/color-green-ref.xht
|
||||
variable-declaration-30.xht == support/color-green-ref.xht
|
||||
variable-declaration-31.xht == support/color-green-ref.xht
|
||||
variable-declaration-32.xht == support/color-green-ref.xht
|
||||
variable-declaration-33.xht == support/color-green-ref.xht
|
||||
variable-declaration-34.xht == support/color-green-ref.xht
|
||||
variable-declaration-35.xht == support/color-green-ref.xht
|
||||
variable-declaration-36.xht == support/color-green-ref.xht
|
||||
variable-declaration-37.xht == support/color-green-ref.xht
|
||||
variable-declaration-38.xht == support/color-green-ref.xht
|
||||
variable-declaration-39.xht == support/color-green-ref.xht
|
||||
variable-declaration-40.xht == support/color-green-ref.xht
|
||||
variable-declaration-41.xht == support/color-green-ref.xht
|
||||
variable-declaration-42.xht == support/color-green-ref.xht
|
||||
variable-declaration-43.xht == support/color-green-ref.xht
|
||||
variable-declaration-44.xht == support/color-green-ref.xht
|
||||
variable-declaration-45.xht == support/color-green-ref.xht
|
||||
variable-declaration-46.xht == support/color-green-ref.xht
|
||||
variable-declaration-47.xht == support/color-green-ref.xht
|
||||
variable-declaration-48.xht == support/color-green-ref.xht
|
||||
variable-declaration-49.xht == support/color-green-ref.xht
|
||||
variable-declaration-50.xht == support/color-green-ref.xht
|
||||
variable-declaration-51.xht == support/color-green-ref.xht
|
||||
variable-declaration-52.xht == support/color-green-ref.xht
|
||||
variable-declaration-53.xht == support/color-green-ref.xht
|
||||
variable-declaration-54.xht == support/color-green-ref.xht
|
||||
variable-declaration-55.xht == support/color-green-ref.xht
|
||||
variable-declaration-56.xht == support/color-green-ref.xht
|
||||
variable-declaration-57.xht == support/color-green-ref.xht
|
||||
variable-declaration-58.xht == support/color-green-ref.xht
|
||||
variable-declaration-59.xht == support/color-green-ref.xht
|
||||
variable-declaration-60.xht == support/color-green-ref.xht
|
||||
variable-external-declaration-01.xht == support/color-green-ref.xht
|
||||
variable-external-font-face-01.xht == reference/variable-font-face-01-ref.xht
|
||||
variable-external-reference-01.xht == support/color-green-ref.xht
|
||||
variable-external-supports-01.xht == support/color-green-ref.xht
|
||||
variable-font-face-01.xht == reference/variable-font-face-01-ref.xht
|
||||
variable-font-face-02.xht == reference/variable-font-face-02-ref.xht
|
||||
variable-reference-01.xht == support/color-green-ref.xht
|
||||
variable-reference-02.xht == support/color-green-ref.xht
|
||||
variable-reference-03.xht == support/color-green-ref.xht
|
||||
variable-reference-04.xht == support/color-green-ref.xht
|
||||
variable-reference-05.xht == support/color-green-ref.xht
|
||||
variable-reference-06.xht == support/color-green-ref.xht
|
||||
variable-reference-07.xht == support/color-green-ref.xht
|
||||
variable-reference-08.xht == support/color-green-ref.xht
|
||||
variable-reference-09.xht == support/color-green-ref.xht
|
||||
variable-reference-10.xht == support/color-green-ref.xht
|
||||
variable-reference-11.xht == support/color-green-ref.xht
|
||||
variable-reference-12.xht == reference/variable-reference-12-ref.xht
|
||||
variable-reference-13.xht == support/color-green-ref.xht
|
||||
variable-reference-14.xht == support/color-green-ref.xht
|
||||
variable-reference-15.xht == support/color-green-ref.xht
|
||||
variable-reference-16.xht == support/color-green-ref.xht
|
||||
variable-reference-17.xht == support/color-green-ref.xht
|
||||
variable-reference-18.xht == support/color-green-ref.xht
|
||||
variable-reference-19.xht == support/color-green-ref.xht
|
||||
variable-reference-20.xht == support/color-green-ref.xht
|
||||
variable-reference-21.xht == support/color-green-ref.xht
|
||||
variable-reference-22.xht == support/color-green-ref.xht
|
||||
variable-reference-23.xht == support/color-green-ref.xht
|
||||
variable-reference-24.xht == support/color-green-ref.xht
|
||||
variable-reference-25.xht == support/color-green-ref.xht
|
||||
variable-reference-26.xht == support/color-green-ref.xht
|
||||
variable-reference-27.xht == support/color-green-ref.xht
|
||||
variable-reference-28.xht == support/color-green-ref.xht
|
||||
variable-reference-29.xht == support/color-green-ref.xht
|
||||
variable-reference-30.xht == support/color-green-ref.xht
|
||||
variable-reference-31.xht == support/color-green-ref.xht
|
||||
variable-reference-32.xht == support/color-green-ref.xht
|
||||
variable-reference-33.xht == support/color-green-ref.xht
|
||||
variable-reference-34.xht == support/color-green-ref.xht
|
||||
variable-reference-35.xht == support/color-green-ref.xht
|
||||
variable-reference-36.xht == reference/variable-reference-36-ref.xht
|
||||
variable-reference-37.xht == reference/variable-reference-37-ref.xht
|
||||
variable-reference-38.xht == reference/variable-declaration-59-ref.xht
|
||||
variable-reference-39.xht == support/color-green-ref.xht
|
||||
variable-supports-01.xht == support/color-green-ref.xht
|
||||
variable-supports-02.xht == support/color-green-ref.xht
|
||||
variable-supports-03.xht == support/color-green-ref.xht
|
||||
variable-supports-04.xht == support/color-green-ref.xht
|
||||
variable-supports-05.xht == support/color-green-ref.xht
|
||||
variable-supports-06.xht == support/color-green-ref.xht
|
||||
variable-supports-07.xht == support/color-green-ref.xht
|
||||
variable-supports-08.xht == support/color-green-ref.xht
|
||||
variable-supports-09.xht == support/color-green-ref.xht
|
||||
variable-supports-10.xht == support/color-green-ref.xht
|
||||
variable-supports-11.xht == support/color-green-ref.xht
|
||||
variable-supports-12.xht == support/color-green-ref.xht
|
||||
variable-supports-13.xht == support/color-green-ref.xht
|
||||
variable-supports-14.xht == support/color-green-ref.xht
|
||||
variable-supports-15.xht == support/color-green-ref.xht
|
||||
variable-supports-16.xht == support/color-green-ref.xht
|
||||
variable-supports-17.xht == support/color-green-ref.xht
|
||||
variable-supports-18.xht == support/color-green-ref.xht
|
||||
variable-supports-19.xht == support/color-green-ref.xht
|
||||
variable-supports-20.xht == support/color-green-ref.xht
|
||||
variable-supports-21.xht == support/color-green-ref.xht
|
||||
variable-supports-22.xht == support/color-green-ref.xht
|
||||
variable-supports-23.xht == support/color-green-ref.xht
|
||||
variable-supports-24.xht == support/color-green-ref.xht
|
||||
variable-supports-25.xht == support/color-green-ref.xht
|
||||
variable-supports-26.xht == support/color-green-ref.xht
|
||||
variable-supports-27.xht == support/color-green-ref.xht
|
||||
variable-supports-28.xht == support/color-green-ref.xht
|
||||
variable-supports-29.xht == support/color-green-ref.xht
|
||||
variable-supports-30.xht == support/color-green-ref.xht
|
||||
variable-supports-31.xht == support/color-green-ref.xht
|
||||
variable-supports-32.xht == support/color-green-ref.xht
|
||||
variable-supports-33.xht == support/color-green-ref.xht
|
||||
variable-supports-34.xht == support/color-green-ref.xht
|
||||
variable-supports-35.xht == support/color-green-ref.xht
|
||||
variable-supports-36.xht == support/color-green-ref.xht
|
||||
variable-supports-37.xht == support/color-green-ref.xht
|
||||
variable-supports-38.xht == support/color-green-ref.xht
|
||||
variable-supports-39.xht == support/color-green-ref.xht
|
||||
variable-supports-40.xht == support/color-green-ref.xht
|
||||
variable-supports-41.xht == support/color-green-ref.xht
|
||||
variable-supports-42.xht == support/color-green-ref.xht
|
||||
variable-supports-43.xht == support/color-green-ref.xht
|
||||
variable-supports-44.xht == support/color-green-ref.xht
|
||||
variable-supports-45.xht == support/color-green-ref.xht
|
||||
variable-supports-46.xht == support/color-green-ref.xht
|
||||
variable-supports-47.xht == support/color-green-ref.xht
|
||||
variable-supports-48.xht == support/color-green-ref.xht
|
||||
variable-supports-49.xht == support/color-green-ref.xht
|
||||
variable-supports-50.xht == support/color-green-ref.xht
|
||||
variable-supports-51.xht == support/color-green-ref.xht
|
||||
variable-supports-52.xht == support/color-green-ref.xht
|
||||
variable-supports-53.xht == support/color-green-ref.xht
|
||||
variable-supports-54.xht == support/color-green-ref.xht
|
||||
variable-supports-55.xht == support/color-green-ref.xht
|
||||
variable-supports-56.xht == support/color-green-ref.xht
|
||||
variable-supports-57.xht == support/color-green-ref.xht
|
||||
variable-supports-58.xht == support/color-green-ref.xht
|
||||
variable-supports-59.xht == support/color-green-ref.xht
|
||||
variable-supports-60.xht == support/color-green-ref.xht
|
||||
variable-supports-61.xht == support/color-green-ref.xht
|
||||
variable-supports-62.xht == support/color-green-ref.xht
|
||||
variable-supports-63.xht == support/color-green-ref.xht
|
||||
variable-supports-64.xht == support/color-green-ref.xht
|
||||
variable-supports-65.xht == support/color-green-ref.xht
|
||||
variable-supports-66.xht == support/color-green-ref.xht
|
||||
variable-supports-67.xht == support/color-green-ref.xht
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
@font-face {
|
||||
font-family: "Ahem";
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reftest Reference</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
color: var(--a);
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
@font-face {
|
||||
--a: MyTestFontName;
|
||||
font-family: var(--a);
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: MyTestFontName2;
|
||||
src: url(../../../../fonts/Ahem.ttf);
|
||||
}
|
||||
#a {
|
||||
font-family: MyTestFontName;
|
||||
}
|
||||
#b {
|
||||
font-family: MyTestFontName2;
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
:root {
|
||||
--a: green;
|
||||
}
|
||||
p {
|
||||
color: var(--a);
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
body { color: red; }
|
||||
@supports (color:var(--a)) {
|
||||
p { color: green; }
|
||||
}
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
<!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>CSS Variables Allowed Syntax</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron" />
|
||||
<link href="http://mozilla.com/" rel="author" title="Mozilla Corporation" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<meta content='The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].' name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style id="style"></style>
|
||||
<script id="metadata_cache">/*
|
||||
{
|
||||
"percentage": { "assert": "Value allowed within variable: percentage" },
|
||||
"number": { "assert": "Value allowed within variable: number" },
|
||||
"length": { "assert": "Value allowed within variable: length" },
|
||||
"time": { "assert": "Value allowed within variable: time" },
|
||||
"function": { "assert": "Value allowed within variable: function" },
|
||||
"nested_function": { "assert": "Value allowed within variable: nested function" },
|
||||
"parentheses": { "assert": "Value allowed within variable: parentheses" },
|
||||
"braces": { "assert": "Value allowed within variable: braces" },
|
||||
"brackets": { "assert": "Value allowed within variable: brackets" },
|
||||
"at_keyword_unknown": { "assert": "Value allowed within variable: at-keyword (unknown)" },
|
||||
"at_keyword_known": { "assert": "Value allowed within variable: at-keyword (known)" },
|
||||
"at_keyword_unknown_and_block": { "assert": "Value allowed within variable: at-keyword (unknown) and block" },
|
||||
"at_keyword_known_and_block": { "assert": "Value allowed within variable: at-keyword (known) and block" },
|
||||
"unbalanced_close_bracket_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close bracket at toplevel" },
|
||||
"unbalanced_close_paren_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close paren at toplevel" },
|
||||
"unbalanced_close_bracket_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close bracket in something balanced" },
|
||||
"unbalanced_close_paren_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close paren in something balanced" },
|
||||
"unbalanced_close_brace_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close brace in something balanced" },
|
||||
"CDO_at_top_level": { "assert": "Value allowed within variable: CDO at top level" },
|
||||
"CDC_at_top_level": { "assert": "Value allowed within variable: CDC at top level" },
|
||||
"semicolon_not_at_top_level_value_unused": { "assert": "Value allowed within variable: semicolon not at top level (value -> unused)" },
|
||||
"CDO_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDO not at top level (value -> unused)" },
|
||||
"CDC_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDC not at top level (value -> unused)" }
|
||||
}
|
||||
*/</script>
|
||||
</head>
|
||||
<body onload="run()">
|
||||
<div id="log"></div>
|
||||
<div id="test"></div>
|
||||
<script>
|
||||
setup({ "explicit_done": true });
|
||||
|
||||
function run() {
|
||||
// Setup the iframe
|
||||
var style = document.getElementById("style");
|
||||
var styleText = document.createTextNode("");
|
||||
style.appendChild(styleText);
|
||||
var test_cs = window.getComputedStyle(document.getElementById("test"), "");
|
||||
|
||||
var initial_cs = test_cs.backgroundColor;
|
||||
styleText.data = "#test { background-color: green }";
|
||||
var green_cs = test_cs.backgroundColor;
|
||||
styleText.data = "#test { background-color: red }";
|
||||
var red_cs = test_cs.backgroundColor;
|
||||
|
||||
function description_to_name(description) {
|
||||
return description.replace(/\W+/g, "_").replace(/^_/, "").replace(/_$/, "");
|
||||
}
|
||||
|
||||
function assert_allowed_variable_value(value, description) {
|
||||
test(function() {
|
||||
styleText.data = "#test { \n" +
|
||||
" var-test: red;\n" +
|
||||
" var-test: " + value + ";\n" +
|
||||
" background-color: red;\n" +
|
||||
" background-color: var(test);\n" +
|
||||
"}";
|
||||
assert_true(initial_cs != red_cs &&
|
||||
initial_cs == test_cs.backgroundColor);
|
||||
},
|
||||
description_to_name(description),
|
||||
{ assert: "Value allowed within variable: " + description });
|
||||
}
|
||||
|
||||
function assert_disallowed_balanced_variable_value(value, description) {
|
||||
test(function() {
|
||||
styleText.data = "#test { \n" +
|
||||
" var-test: green;\n" +
|
||||
" var-test: " + value + ";\n" +
|
||||
" background-color: red;\n" +
|
||||
" background-color: var(test);\n" +
|
||||
"}";
|
||||
assert_true(green_cs != red_cs &&
|
||||
green_cs == test_cs.backgroundColor);
|
||||
},
|
||||
description_to_name(description),
|
||||
{ assert: "Value not allowed within variable: " + description });
|
||||
}
|
||||
|
||||
assert_allowed_variable_value("25%", "percentage");
|
||||
assert_allowed_variable_value("37", "number");
|
||||
assert_allowed_variable_value("12em", "length");
|
||||
assert_allowed_variable_value("75ms", "time");
|
||||
assert_allowed_variable_value("foo()", "function");
|
||||
assert_allowed_variable_value("foo(bar())", "nested function");
|
||||
assert_allowed_variable_value("( )", "parentheses");
|
||||
assert_allowed_variable_value("{ }", "braces");
|
||||
assert_allowed_variable_value("[ ]", "brackets");
|
||||
assert_allowed_variable_value("@foobar", "at-keyword (unknown)");
|
||||
assert_allowed_variable_value("@media", "at-keyword (known)");
|
||||
assert_allowed_variable_value("@foobar {}", "at-keyword (unknown) and block");
|
||||
assert_allowed_variable_value("@media {}", "at-keyword (known) and block");
|
||||
assert_disallowed_balanced_variable_value("]", "unbalanced close bracket at toplevel");
|
||||
assert_disallowed_balanced_variable_value(")", "unbalanced close paren at toplevel");
|
||||
assert_disallowed_balanced_variable_value("(])", "unbalanced close bracket in something balanced");
|
||||
assert_disallowed_balanced_variable_value("[)]", "unbalanced close paren in something balanced");
|
||||
assert_disallowed_balanced_variable_value("(})", "unbalanced close brace in something balanced");
|
||||
assert_allowed_variable_value("&lt;!--", "CDO at top level");
|
||||
assert_allowed_variable_value("--&gt;", "CDC at top level");
|
||||
assert_allowed_variable_value("(;)", "semicolon not at top level (value -&gt; unused)");
|
||||
assert_allowed_variable_value("(&lt;!--)", "CDO not at top level (value -&gt; unused)");
|
||||
assert_allowed_variable_value("(--&gt;)", "CDC not at top level (value -&gt; unused)");
|
||||
|
||||
done();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
54
tests/wpt/css-tests/css-variables-1_dev/xhtml1/toc.xht
Normal file
54
tests/wpt/css-tests/css-variables-1_dev/xhtml1/toc.xht
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Custom Properties Level 1 CR Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>CSS Custom Properties Level 1 CR Test Suite By Chapter</h1>
|
||||
|
||||
<p>This index contains both
|
||||
<a href="http://wiki.csswg.org/test/selftest">self-describing tests</a>
|
||||
and reftests.
|
||||
A separate <a href="reftest-toc.xht">alphabetical reftest index</a>
|
||||
is provided for tests in <a href="http://wiki.csswg.org/test/reftest">reftest
|
||||
format</a> along with the <a href="reftest.list">reftest manifest</a>.</p>
|
||||
|
||||
<table>
|
||||
<tbody id="s1">
|
||||
<tr><th><a href="chapter-1.xht">Chapter 1 -
|
||||
Introduction</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Defining Custom Properties: the '--*' family of properties</a></th>
|
||||
<td>(96 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
Using Cascading Variables: the var() notation</a></th>
|
||||
<td>(78 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
APIs</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
Changes since the June 20 2013 Last Call Working Draft</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
Acknowledgments</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a single token preceded by white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a single token with no preceding white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a:green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that references another variable.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: var(--b);
|
||||
--b: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference followed by white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: var(--b) ;
|
||||
--b: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference that includes white space around the variable name.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: var( --b ) ;
|
||||
--b: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test overriding an existing variable declaration.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: orange;
|
||||
--a: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b,);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference whose fallback is white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: orange;
|
||||
--b: green;
|
||||
--a: var(--b, );
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b,/**/);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: orange;
|
||||
--b: green;
|
||||
--a: var(--b,/**/a);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b,!);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b,;);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b,!important);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
color: red;
|
||||
--a:var(--b)red;
|
||||
--b:orange;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p><span>This text must be green.</span></p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="reference/variable-declaration-15-ref.xht" rel="match" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<style>
|
||||
body {
|
||||
font-family: serif;
|
||||
}
|
||||
p {
|
||||
font-family: monospace;
|
||||
--a: Ahem, sans-serif;
|
||||
font-family: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="reference/variable-declaration-16-ref.xht" rel="match" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<style>
|
||||
body {
|
||||
font-family: serif;
|
||||
}
|
||||
p {
|
||||
font-family: monospace;
|
||||
--a: var(--b), sans-serif;
|
||||
--b: Ahem;
|
||||
font-family: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="reference/variable-declaration-17-ref.xht" rel="match" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<style>
|
||||
body {
|
||||
font-family: serif;
|
||||
}
|
||||
p {
|
||||
font-family: monospace;
|
||||
--a: SomeUnknownFont, var(--b);
|
||||
--b: Ahem;
|
||||
font-family: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="reference/variable-declaration-18-ref.xht" rel="match" />
|
||||
<meta content="ahem" name="flags" />
|
||||
<link href="support/ahem.css" type="text/css" rel="stylesheet" />
|
||||
<style>
|
||||
body {
|
||||
font-family: serif;
|
||||
}
|
||||
p {
|
||||
font-family: monospace;
|
||||
--a: Ahem var(--b) sans-serif;
|
||||
--b: ,;
|
||||
font-family: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a function where one of the arguments is a variable reference.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: rgb(0, var(--b), 0);
|
||||
--b: 128;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with "!important".</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: var(--b) !important;
|
||||
--b: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: rgb(var(--b)var(--c)var(--d));
|
||||
--b: 0,;
|
||||
--c: 128,;
|
||||
--d: 0;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: var(--b, var(--c, var(--d, green)));
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to having two "!important" priorities.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b) !important !important;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a CDO token.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: green;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: var(--b) <!--;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a CDC token.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: green;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: green;
|
||||
--b: crimson;
|
||||
--a: --> var(--b);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains only a white space token.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: ;
|
||||
color: var(--a) green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with invalid syntax due to having no tokens.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: green;
|
||||
--a:;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with a valid custom property name "--".</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--: green;
|
||||
color: var(--,crimson);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that contains a variable reference to itself.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: crimson;
|
||||
--a: var(--a);
|
||||
color: var(--a,green);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with a digit.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--0: green;
|
||||
color: var(--\30);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped digit.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--\30: green;
|
||||
color: var(--\30);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an escaped letter.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--\61: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with a lone surrogate.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--\d800: green;
|
||||
color: var(--\fffd);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with U+FFFD.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--\fffd: green;
|
||||
color: var(--\fffd);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--\ffffff: green;
|
||||
color: var(--\fffd);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: var(--b , );
|
||||
color: var(--a) green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with lowercase first.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: green;
|
||||
--A: crimson;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring two variables in the same declaration block that differ only in case, with uppercase first.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--A: green;
|
||||
--a: crimson;
|
||||
color: var(--A);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: green;
|
||||
VAR-a: crimson;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
-\2d a: green;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<meta charset="utf-8" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a-长-name-that-might-be-longer-than-you\27 d-normally-use: green;
|
||||
color: var(--a-长-name-that-might-be-longer-than-you\27 d-normally-use);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "initial".</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: initial;
|
||||
color: var(--a,green);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is no variable to inherit from.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: inherit;
|
||||
color: var(--a,green);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "inherit" where there is a variable to inherit from.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
--a: green;
|
||||
color: crimson;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: inherit;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "initial" where there is a variable to inherit from.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
--a: crimson;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: initial;
|
||||
color: var(--a,green);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
--b: green;
|
||||
color: crimson;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: var(--b);
|
||||
--b: inherit;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a number of variables in a cycle.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: green;
|
||||
}
|
||||
p {
|
||||
color: crimson;
|
||||
--a: red var(--b);
|
||||
--b: var(--c);
|
||||
--c: var(--d);
|
||||
--d: var(--e);
|
||||
--e: var(--a);
|
||||
--f: var(--e);
|
||||
color: var(--f);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: orange;
|
||||
}
|
||||
p {
|
||||
color: crimson;
|
||||
--a: red var(--b) var(--g);
|
||||
--b: var(--c);
|
||||
--c: var(--d);
|
||||
--d: var(--e);
|
||||
--e: var(--a);
|
||||
--f: var(--e);
|
||||
--g: green;
|
||||
color: var(--g);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#cycles" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: green;
|
||||
}
|
||||
p {
|
||||
color: crimson;
|
||||
--a: var(--b,red);
|
||||
--b: var(--c);
|
||||
--c: var(--d);
|
||||
--d: var(--e);
|
||||
--e: var(--a);
|
||||
--f: var(--e);
|
||||
color: var(--f);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a reference to an invalid inherited variable.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#invalid-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: orange;
|
||||
--c: var(--a);
|
||||
}
|
||||
p {
|
||||
--a: var(--b);
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
--b: var(--c,green);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
color: orange;
|
||||
--c: var(--a,green);
|
||||
}
|
||||
p {
|
||||
--a: var(--b);
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
--b: var(--c,crimson);
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references without fallback and with no intervening white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
color: red;
|
||||
--a:var(--b)var(--c);
|
||||
--b:orange;
|
||||
--c:red;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p><span>This text must be green.</span></p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
color: red;
|
||||
--a:var(--b,orange)var(--c);
|
||||
--c:red;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p><span>This text must be green.</span></p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
color: red;
|
||||
--a:var(--b)var(--c,red);
|
||||
--b:orange;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p><span>This text must be green.</span></p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is no variable to inherit from.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: unset;
|
||||
color: var(--a,green);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value is "unset" where there is a variable to inherit from.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
--a: green;
|
||||
color: crimson;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: unset;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable whose value consists of a reference to a variable whose value is "unset".</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
body {
|
||||
--b: green;
|
||||
color: crimson;
|
||||
}
|
||||
p {
|
||||
color: red;
|
||||
}
|
||||
p {
|
||||
color: orange;
|
||||
--a: var(--b);
|
||||
--b: unset;
|
||||
color: var(--a);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable with a trailing invalid token.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
p {
|
||||
color: var(--a);
|
||||
--a: green;
|
||||
--a: red);
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
|
||||
<title>CSS Test: Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.</title>
|
||||
<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<style>
|
||||
div {
|
||||
color: orange;
|
||||
--a: green;
|
||||
color: var(--a);
|
||||
}
|
||||
p {
|
||||
--b: İnitial;
|
||||
--c: ınitial;
|
||||
color: var(--b,var(--c,red));
|
||||
}
|
||||
</style>
|
||||
</head><body><div><p>This text must be green.</p></div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test declaring a variable in an external CSS file.</title>
|
||||
<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
<link href="support/external-variable-declaration.css" type="text/css" rel="stylesheet" />
|
||||
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.</title>
|
||||
<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help" />
|
||||
<link href="reference/variable-font-face-01-ref.xht" rel="match" />
|
||||
<link href="support/external-variable-font-face.css" type="text/css" rel="stylesheet" />
|
||||
<meta content="ahem" name="flags" />
|
||||
</head><body><p id="a">This text must not be in Ahem.</p>
|
||||
<p id="b">But this text must be in Ahem.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.</title>
|
||||
<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<link href="support/external-variable-reference.css" type="text/css" rel="stylesheet" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
--><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.</title>
|
||||
<link href="mailto:mihaela.velimiroviciu@softvisioninc.eu" rel="author" title="Mihaela Velimiroviciu" />
|
||||
<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help" />
|
||||
<link href="support/external-variable-supports.css" type="text/css" rel="stylesheet" />
|
||||
<link href="support/color-green-ref.xht" rel="match" />
|
||||
|
||||
</head><body><p>This text must be green.</p>
|
||||
</body></html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue