CSS if() function

[tursunova]

こんにちは TAG-さん!

I'm requesting a TAG review of CSS if() function.

"The if() notation is an arbitrary substitution function that represents conditional values. Its argument consists of an ordered semi-colon–separated list of statements, each consisting of a condition followed by a colon followed by a value. An if() notation represents the value corresponding to the first condition in its argument list to be true; if no condition matches, then the if() notation represents an empty token stream." (From the spec.)

• Explainer¹: https://docs.google.com/document/d/1mbHBUR40jUBay7QZxgbjX7qixs5UZXkdL9tVwGvbmt0/edit?usp=sharing
• Specification: https://drafts.csswg.org/css-values-5/#if-notation
• WPT Tests:
• User research:
• Security and Privacy self-review²:
• GitHub repo: https://github.com/w3c/csswg-drafts/tree/main/css-values-5
• Primary contacts:
  • @tursunova, Google, working on the feature in Chromium.
• Organization/project driving the specification: Chromium
• Multi-stakeholder support³:
  • Chromium comments: Positive.
  • Mozilla comments: CS if() function mozilla/standards-positions#1167
  • WebKit comments: CSS if() function WebKit/standards-positions#453
• Status/issue trackers for implementations⁴: https://issues.chromium.org/issues/346977961

Further details:

• I have reviewed the TAG's Web Platform Design Principles
• Relevant time constraints or deadlines:
• The group where the work on this specification is currently being done: CSSWG
• The group where standardization of this work is intended to be done (if different from the current group): CSSWG
• Major unresolved issues with or opposition to this specification:
• This work is being funded by: