Skip to content

Commit e0db34f

Browse files
committed
[css-align] Clarify that stretch is not proportional.
1 parent a4c574b commit e0db34f

File tree

2 files changed

+4
-2
lines changed

2 files changed

+4
-2
lines changed

css-align/Overview.bs

+2-1
Original file line numberDiff line numberDiff line change
@@ -376,7 +376,8 @@ Distributed Alignment: the ''<content-distribution>/stretch'', ''space-between''
376376
<dt><dfn>stretch</dfn>
377377
<dd>
378378
If the combined size of the <a>alignment subjects</a> is less than the size of the <a>alignment container</a>,
379-
any ''width/auto''-sized <a>alignment subjects</a> have their size increased equally so that the combined size exactly fills the <a>alignment container</a>,
379+
any ''width/auto''-sized <a>alignment subjects</a> have their size increased equally (not proportionally)
380+
so that the combined size exactly fills the <a>alignment container</a>,
380381
and then clamped by their 'max-width'/'max-height' constraints.
381382

382383
The <a>alignment subjects</a> are then aligned as per ''flex-start''.

css-align/Overview.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -846,7 +846,8 @@ <h3 class="heading settled" data-level="3.3" id="distribution-values"><span clas
846846
</dt>
847847
<dd>
848848
If the combined size of the <a data-link-type="dfn" href="#alignment-subject">alignment subjects</a> is less than the size of the <a data-link-type="dfn" href="#alignment-container">alignment container</a>,
849-
any <span class="css" data-link-for="width">auto</span>-sized <a data-link-type="dfn" href="#alignment-subject">alignment subjects</a> have their size increased equally so that the combined size exactly fills the <a data-link-type="dfn" href="#alignment-container">alignment container</a>,
849+
any <span class="css" data-link-for="width">auto</span>-sized <a data-link-type="dfn" href="#alignment-subject">alignment subjects</a> have their size increased equally (not proportionally)
850+
so that the combined size exactly fills the <a data-link-type="dfn" href="#alignment-container">alignment container</a>,
850851
and then clamped by their <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a>/<a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> constraints.
851852

852853

0 commit comments

Comments
 (0)