@@ -1734,7 +1734,7 @@ allows math to be performed on intrinsic sizes
17341734in a safe, well-defined way.
17351735
17361736 <pre class=prod>
1737- <dfn function lt="calc-size()"><calc-size()></dfn> = calc-size( <<calc-size-basis>> , <<calc-sum>> ? )
1737+ <dfn function lt="calc-size()"><calc-size()></dfn> = calc-size( <<calc-size-basis>> , <<calc-sum>> )
17381738
17391739 <dfn><calc-size-basis></dfn> = [ <<intrinsic-size-keyword>> | percentage | <<calc-size()>> | any | <<calc-sum>> ]
17401740 </pre>
@@ -1767,20 +1767,12 @@ indicates a basis size of ''100%''.
17671767 see [[#simplifying-calc-size]] .
17681768</details>
17691769
1770- If two arguments are given,
1771- the first is the <dfn>calc-size basis</dfn> ,
1770+ The first argument given is the <dfn>calc-size basis</dfn> ,
17721771and the second is the <dfn>calc-size calculation</dfn> .
17731772For either argument,
17741773if a <<calc-sum>> is given,
17751774it must resolve to a <<length>> .
17761775
1777- If only one argument is given,
1778- and it's a <<calc-sum>> ,
1779- then the provided argument is the [=calc-size calculation=] ,
1780- and the [=calc-size basis=] defaults to ''calc-size()/any'' .
1781- Otherwise, the provided argument is the [=calc-size basis=] ,
1782- and the [=calc-size calculation=] defaults to ''calc-size()/size'' .
1783-
17841776Within the [=calc-size calculation=] ,
17851777if the [=calc-size basis=] is not ''calc-size()/any'' ,
17861778the keyword <dfn for=calc-size() value>size</dfn> is allowed.
@@ -2032,7 +2024,8 @@ with a <<length-percentage>> or an <<intrinsic-size-keyword>>.
20322024To determine whether the values can interpolate
20332025and what the interpolation behavior is,
20342026treat the non-''calc-size()'' value
2035- as ''calc-size( <var ignore>value</var> )''
2027+ as ''calc-size(any, <var ignore>value</var> )'' if the value is a <<calc-sum>>
2028+ or as ''calc-size( <var ignore>value</var> , size)'' otherwise,
20362029and apply the rules above.
20372030
20382031<div class=example>
@@ -2049,7 +2042,7 @@ and apply the rules above.
20492042 height: auto;
20502043 }
20512044 details:not([open] )::details-content {
2052- height: calc-size(0px);
2045+ height: calc-size(any, 0px);
20532046 }
20542047 </pre>
20552048
@@ -2063,7 +2056,7 @@ and apply the rules above.
20632056</div>
20642057
20652058Note: ''calc-size()'' is designed such that
2066- transitioning to/from ''calc-size([=definite=] length)''
2059+ transitioning to/from ''calc-size(any, [=definite=] length)''
20672060will <em> always</em> work smoothly,
20682061regardless of how the other side of the transition is specified.
20692062
0 commit comments