Skip to content

[css-variables][css-conditional] is trailing semicolon valid in @supports conditions #3171

@svgeesus

Description

@svgeesus

from https://lists.w3.org/Archives/Public/www-style/2013Aug/0506.html by @heycam

I want to confirm that syntactically valid variable declarations and
references in an @supports condition won't cause the condition to fail.
Specifically:

  @supports (color: var(a))             { ... succeeds ... }
  @supports (color: 2px var(a))         { ... succeeds ... }
  @supports (color: var(a) ! important) { ... succeeds ... }
  @supports (var-a: abc)                { ... succeeds ... }
  @supports (var-a: var(a))             { ... succeeds ... }

  @supports (color: var(a,))            { ... fails ... }
  @supports (color: var(a) ! something) { ... fails ... }
  @supports (var-a: abc;)               { ... fails ... }
  @supports (var-a:)                    { ... fails ... }

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions