Skip to content

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

@litherum

Description

@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?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions