|
+
3 Using Cascading Variables: the var() notation |
|---|
|
css-variable-change-style-001 |
|
Script |
Style changes on properties using variables
- A change in the custom property declaration must be propagated to all the descendants
|
|
css-variable-change-style-002 |
|
Script |
Style changes on properties using variables
- A change in the custom property declaration must be propagated to all the descendants
|
|
css-vars-custom-property-case-sensitive-001 |
= |
|
custom property names are case-sensitive
- Custom property names are case-sensitive
|
|
css-vars-custom-property-inheritance |
= |
|
custom properties use normal inheritance and cascade rules
- custom properties are resolved with the normal inheritance and cascade rules
|
|
registered-property-change-style-001 |
|
Script |
Style changes on registered properties using variables
- A change in the custom property declaration must be propagated to all the descendants
|
|
variable-animation-substitute-within-keyframe-fallback |
|
Script |
CSS Variables - Animation - Substitute Within Keyframe - Fallback
- The --endColor does the 50% flip and supports the fallback syntax
|
|
variable-declaration-52 |
= |
|
Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.
|
|
variable-declaration-53 |
= |
|
Test declaring a variable that consists of two variable references without fallback and with no intervening white space.
|
|
variable-declaration-54 |
= |
|
Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.
|
|
variable-declaration-55 |
= |
|
Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.
|
|
variable-definition |
|
Script |
variable-definition: get variable value using getPropertyValue
|
|
variable-definition-cascading |
|
Script |
variable definition cascading tests
|
|
variable-definition-keywords |
|
Script |
CSS Variable definitions and keywords
|
|
variable-external-reference-01 |
= |
|
Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.
|
|
variable-external-supports-01 |
= |
|
Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.
|
|
variable-reference |
|
Script |
Parse, store, and serialize CSS variable references
|
|
variable-reference-01 |
= |
|
Test the use of a variable in a non-custom property where the variable value is inherited.
|
|
variable-reference-03 |
= |
|
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.
|
|
variable-reference-04 |
= |
|
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.
|
|
variable-reference-05 |
= |
|
Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.
|
|
variable-reference-06 |
= |
|
Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.
|
|
variable-reference-07 |
= |
|
Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.
|
|
variable-reference-08 |
= |
|
Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.
|
|
variable-reference-09 |
= |
|
Test declaring a non-custom property with a variable reference that has a non-top level ';' token.
|
|
variable-reference-10 |
= |
|
Test declaring a non-custom property with a variable reference that has a non-top level '!' token.
|
|
variable-reference-11 |
= |
|
Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.
|
|
variable-reference-12 |
= |
|
Test the use of variable references in the 'content' property.
|
|
variable-reference-15 |
= |
|
Test declaring a non-custom property with two variable references with no intervening white space.
|
|
variable-reference-16 |
= |
|
Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.
|
|
variable-reference-17 |
= |
|
Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.
|
|
variable-reference-18 |
= |
|
Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.
|
|
variable-reference-19 |
= |
|
Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.
|
|
variable-reference-20 |
= |
|
Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.
|
|
variable-reference-21 |
= |
|
Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.
|
|
variable-reference-22 |
= |
|
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.
|
|
variable-reference-23 |
= |
|
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.
|
|
variable-reference-24 |
= |
|
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.
|
|
variable-reference-25 |
= |
|
Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.
|
|
variable-reference-26 |
= |
|
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.
|
|
variable-reference-27 |
= |
|
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.
|
|
variable-reference-28 |
= |
|
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.
|
|
variable-reference-29 |
= |
|
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.
|
|
variable-reference-30 |
= |
|
Test declaring a non-custom property with invalid syntax due to containing two "!important" priorities.
|
|
variable-reference-31 |
= |
|
Test declaring a non-custom property with a variable reference that has a digit after the "--" prefix.
|
|
variable-reference-32 |
= |
|
Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.
|
|
variable-reference-33 |
= |
|
Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.
|
|
variable-reference-34 |
= |
|
Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.
|
|
variable-reference-35 |
= |
|
Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.
|
|
variable-reference-40 |
= |
|
Test that a variable reference within a gradient value in a border-image shorthand parses correctly.
|
|
variable-substitution-variable-declaration |
|
Script |
Testing substituting variable references inside of variable declerations
|
|
variable-supports-01 |
= |
|
Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.
|
|
variable-supports-02 |
= |
|
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.
|
|
variable-supports-03 |
= |
|
Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.
|
|
variable-supports-04 |
= |
|
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.
|
|
variable-supports-05 |
= |
|
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.
|
|
variable-supports-06 |
= |
|
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.
|
|
variable-supports-07 |
= |
|
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.
|
|
variable-supports-08 |
= |
|
Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.
|
|
variable-supports-09 |
= |
|
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.
|
|
variable-supports-10 |
= |
|
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.
|
|
variable-supports-11 |
= |
|
Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.
|
|
variable-supports-12 |
= |
|
Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.
|
|
variable-supports-13 |
= |
|
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.
|
|
variable-supports-14 |
= |
|
Test a passing non-custom property declaration in an @supports rule with a variable reference and an "!important" priority.
|
|
variable-supports-15 |
= |
|
Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.
|
|
variable-supports-16 |
= |
|
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.
|
|
variable-supports-17 |
= |
|
Test a failing non-custom property declaration in an @supports rule with two "!important" priorities.
|
|
variable-supports-18 |
= |
|
Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.
|
|
variable-supports-19 |
= |
|
Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.
|
|
variable-supports-20 |
= |
|
Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.
|
|
variable-supports-21 |
= |
|
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.
|
|
variable-supports-22 |
= |
|
Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.
|
|
variable-supports-23 |
= |
|
Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.
|
|
variable-supports-24 |
= |
|
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.
|
|
variable-supports-25 |
= |
|
Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.
|
|
variable-supports-26 |
= |
|
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.
|
|
variable-supports-27 |
= |
|
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.
|
|
variable-supports-28 |
= |
|
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.
|
|
variable-supports-29 |
= |
|
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.
|
|
variable-supports-30 |
= |
|
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.
|
|
variable-supports-31 |
= |
|
Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.
|
|
variable-supports-32 |
= |
|
Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.
|
|
variable-supports-64 |
= |
|
Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.
|