[css-values] calc() grammar doesn't seem to allow for min()/max() inside calc()

[litherum]

https://drafts.csswg.org/css-values/#calc-syntax

<calc()> = calc( <calc-sum> )
<min()>  = min( <calc-sum># )
<max()>  = max( <calc-sum># )
<calc-sum> = <calc-product> [ [ '+' | '-' ] <calc-product> ]*
<calc-product> = <calc-value> [ '*' <calc-value> | '/' <calc-number-value> ]*
<calc-value> = <number> | <dimension> | <percentage> | ( <calc-sum> )
<calc-number-sum> = <calc-number-product> [ [ '+' | '-' ] <calc-number-product> ]*
<calc-number-product> = <calc-number-value> [ '*' <calc-number-value> | '/' <calc-number-value> ]*
<calc-number-value> = <number> | ( <calc-number-sum> )

Seems like you can't put a min() inside a calc()? Or am I reading this wrong?

[tabatkins]

Ah whoops, indeed. (As written you can't nest min/max in each other either.) I just need to add some more grammar terms.

[tabatkins]

Oh wait, never mind, it's fine - a calc(), min(), or max() are always a <number> | <dimension> | <percentage>, so you can sub them into the <calc-value> term.