css-if-notation.md

CSS if() notation (inline conditionals on custom properties / self-styling feature)

• CSS Values and Units Module Level 5
• #10064 [css-values-5] What is the MVP for inline conditionals on custom properties? 🔥
• Chrome Status: CSS if() function

zx-tag {
  /* if(condition(): foo; else: bar) */
  background-color: if(
    (--variant: success): green;
    else: white;
  );
}