| Verify that CSS variables are resolved inside cascade |
| matchedStyles.computeCSSVariable() |
| --foo === active-foo |
| --baz === active-baz !important |
| --does-not-exist === null |
| --dark === darkgrey |
| --light === lightgrey |
| --theme === darkgrey |
| --shadow === 1px darkgrey |
| --width === 1px |
| --cycle-a === null |
| --cycle-b === null |
| --cycle-c === null |
| matchedStyles.computeValue() |
| 1px var(--dark) 2px var(--theme) === 1px darkgrey 2px darkgrey |
| 1px var(--theme) === 1px darkgrey |
| rgb(100, 200, 300) var(--some-color, blue ) 1px === rgb(100, 200, 300) blue 1px |
| var(--not-existing) === null |
| var(--not-existing-with-default, red) === red |
| var(--width)solid black === 1px solid black |
| |
