Skip to content

Commit ede56bd

Browse files
committed
[css-sizing-4] Define effect of aspect ratio on size constraints. #5257
1 parent 8175d84 commit ede56bd

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

css-sizing-4/Overview.bs

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,6 +200,24 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
200200
at least one of these sizes must be ''width/auto'' (/''flex-basis/content'')
201201
for the <a>preferred aspect ratio</a> to have an impact on sizing.
202202

203+
Additionally, sizing constraints in an axis
204+
(the <var>origin</var> axis)
205+
are transferred through the [=preferred aspect ratio=]
206+
to the other axis (the <var>destination</var> axis)
207+
as follows:
208+
209+
* First, any [=definite=] [=minimum size=] is converted and transferred
210+
from the <var>origin</var> to <var>destination</var> axis.
211+
This transferred minimum is clamped
212+
by any [=definite=] [=preferred size|preferred=] or [=maximum size=]
213+
in the <var>destination</var> axis.
214+
* Then, any [=definite=] [=maximum size=] is converted and transferred
215+
from the <var>origin</var> to <var>destination</var>.
216+
This transferred minimum is floored
217+
by any [=definite=] [=preferred size|preferred=] or [=minimum size=]
218+
in the <var>destination</var> axis
219+
as well as by the transferred minimum, if any.
220+
203221
<div class="example">
204222
This example sets each item in the grid to render as a square,
205223
determining the number of items and their widths by the available space.

0 commit comments

Comments
 (0)