Skip to content

Commit 0a3c00d

Browse files
tabatkinstabatkins
committed
[css-grid] Add Intrinsic Sizes section.
1 parent 1134cf5 commit 0a3c00d

2 files changed

Lines changed: 40 additions & 3 deletions

File tree

‎css-grid/Overview.bs‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2845,6 +2845,24 @@ Find the Size of an ''fr''</h4>
28452845
This probably needs to be adjusted to handle sum(flex factors) approaches zero,
28462846
same as how Flexbox does it.
28472847

2848+
<h3 id='intrinsic-sizes'>
2849+
Intrinsic Sizes</h3>
2850+
2851+
The <a>max-content size</a> of a <a>grid container</a> is
2852+
the sum of the <a>grid container’s</a> track sizes in the appropriate axis,
2853+
when the grid is sized under a <a>max-content constraint</a>.
2854+
2855+
The <a>min-content size</a> of a <a>grid container</a> is
2856+
the sum of the <a>grid container’s</a> track sizes in the appropriate axis,
2857+
when the grid is sized under a <a>min-content constraint</a>.
2858+
2859+
See [[!CSS3-SIZING]] for a definition of the terms in this section.
2860+
2861+
<h3 id='auto-sizing'>
2862+
Auto-Sizing Grid Containers</h3>
2863+
2864+
2865+
28482866

28492867
<h2 id='pagination'>
28502868
Fragmenting Grid Layout</h2>

‎css-grid/Overview.html‎

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -214,7 +214,9 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
214214
<li><a href=#algo-grow-tracks><span class=secno>10.5</span> Grow All Tracks To Their Max</a>
215215
<li><a href=#algo-flex-tracks><span class=secno>10.6</span> Process Flexible Tracks</a>
216216
<ul class=toc>
217-
<li><a href=#algo-find-fr-size><span class=secno>10.6.1</span> Find the Size of an <span class=css data-link-type=maybe title=fr>fr</span></a></ul></ul>
217+
<li><a href=#algo-find-fr-size><span class=secno>10.6.1</span> Find the Size of an <span class=css data-link-type=maybe title=fr>fr</span></a></ul>
218+
<li><a href=#intrinsic-sizes><span class=secno>10.7</span> Intrinsic Sizes</a>
219+
<li><a href=#auto-sizing><span class=secno>10.8</span> Auto-Sizing Grid Containers</a></ul>
218220
<li><a href=#pagination><span class=secno>11</span> Fragmenting Grid Layout</a>
219221
<li><a href=#acks><span class=secno></span> Acknowledgements</a>
220222
<li><a href=#changes><span class=secno></span> Changes</a>
@@ -2819,6 +2821,24 @@ <h4 class="heading settled heading" data-level=10.6.1 id=algo-find-fr-size><span
28192821
This probably needs to be adjusted to handle sum(flex factors) approaches zero,
28202822
same as how Flexbox does it.
28212823

2824+
<h3 class="heading settled heading" data-level=10.7 id=intrinsic-sizes><span class=secno>10.7 </span><span class=content>
2825+
Intrinsic Sizes</span><a class=self-link href=#intrinsic-sizes></a></h3>
2826+
2827+
<p> The <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#max-content-measure title="max-content size">max-content size</a> of a <a data-link-type=dfn href=#grid-container title="grid container">grid container</a> is
2828+
the sum of the <a data-link-type=dfn href=#grid-container title="grid container’s">grid container’s</a> track sizes in the appropriate axis,
2829+
when the grid is sized under a <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#max-content-constraint title="max-content constraint">max-content constraint</a>.
2830+
2831+
<p> The <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#min-content-measure title="min-content size">min-content size</a> of a <a data-link-type=dfn href=#grid-container title="grid container">grid container</a> is
2832+
the sum of the <a data-link-type=dfn href=#grid-container title="grid container’s">grid container’s</a> track sizes in the appropriate axis,
2833+
when the grid is sized under a <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#min-content-constraint title="min-content constraint">min-content constraint</a>.
2834+
2835+
<p> See <a data-biblio-type=normative data-link-type=biblio href=#css3-sizing title=css3-sizing>[CSS3-SIZING]</a> for a definition of the terms in this section.
2836+
2837+
<h3 class="heading settled heading" data-level=10.8 id=auto-sizing><span class=secno>10.8 </span><span class=content>
2838+
Auto-Sizing Grid Containers</span><a class=self-link href=#auto-sizing></a></h3>
2839+
2840+
2841+
28222842

28232843
<h2 class="heading settled heading" data-level=11 id=pagination><span class=secno>11 </span><span class=content>
28242844
Fragmenting Grid Layout</span><a class=self-link href=#pagination></a></h2>
@@ -3155,7 +3175,7 @@ <h2 class="no-num no-ref heading settled heading" id=references><span class=cont
31553175

31563176
<h3 class="no-num no-ref heading settled heading" id=normative><span class=content>
31573177
Normative References</span><a class=self-link href=#normative></a></h3>
3158-
<div data-fill-with=normative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3-align title=CSS3-ALIGN><a class=self-link href=#css3-align></a>[CSS3-ALIGN]<dd>Elika J. Etemad; Tab Atkins Jr.. <a href=http://www.w3.org/TR/2013/WD-css3-align-20130514/>CSS Box Alignment Module Level 3</a>. 14 May 2013. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/WD-css3-align-20130514/>http://www.w3.org/TR/2013/WD-css3-align-20130514/</a><dt id=css3-writing-modes title=CSS3-WRITING-MODES><a class=self-link href=#css3-writing-modes></a>[CSS3-WRITING-MODES]<dd>Elika J. Etemad; Koji Ishii. <a href=http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/>CSS Writing Modes Module Level 3</a>. 15 November 2012. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/>http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/</a><dt id=css3val title=CSS3VAL><a class=self-link href=#css3val></a>[CSS3VAL]<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>CSS Values and Units Module Level 3</a>. 30 July 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>http://www.w3.org/TR/2013/CR-css3-values-20130730/</a><dt id=rfc2119 title=RFC2119><a class=self-link href=#rfc2119></a>[RFC2119]<dd>S. Bradner. <a href=http://www.ietf.org/rfc/rfc2119.txt>Key words for use in RFCs to Indicate Requirement Levels</a>. URL: <a href=http://www.ietf.org/rfc/rfc2119.txt>http://www.ietf.org/rfc/rfc2119.txt</a></dl></div>
3178+
<div data-fill-with=normative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3-align title=CSS3-ALIGN><a class=self-link href=#css3-align></a>[CSS3-ALIGN]<dd>Elika J. Etemad; Tab Atkins Jr.. <a href=http://www.w3.org/TR/2013/WD-css3-align-20130514/>CSS Box Alignment Module Level 3</a>. 14 May 2013. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/WD-css3-align-20130514/>http://www.w3.org/TR/2013/WD-css3-align-20130514/</a><dt id=css3-sizing title=CSS3-SIZING><a class=self-link href=#css3-sizing></a>[CSS3-SIZING]<dd>Tab Atkins Jr.; Elika J. Etemad. <a href=http://www.w3.org/TR/2012/WD-css3-sizing-20120927/>CSS Intrinsic &amp; Extrinsic Sizing Module Level 3</a>. 27 September 2012. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/WD-css3-sizing-20120927/>http://www.w3.org/TR/2012/WD-css3-sizing-20120927/</a><dt id=css3-writing-modes title=CSS3-WRITING-MODES><a class=self-link href=#css3-writing-modes></a>[CSS3-WRITING-MODES]<dd>Elika J. Etemad; Koji Ishii. <a href=http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/>CSS Writing Modes Module Level 3</a>. 15 November 2012. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/>http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/</a><dt id=css3val title=CSS3VAL><a class=self-link href=#css3val></a>[CSS3VAL]<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>CSS Values and Units Module Level 3</a>. 30 July 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>http://www.w3.org/TR/2013/CR-css3-values-20130730/</a><dt id=rfc2119 title=RFC2119><a class=self-link href=#rfc2119></a>[RFC2119]<dd>S. Bradner. <a href=http://www.ietf.org/rfc/rfc2119.txt>Key words for use in RFCs to Indicate Requirement Levels</a>. URL: <a href=http://www.ietf.org/rfc/rfc2119.txt>http://www.ietf.org/rfc/rfc2119.txt</a></dl></div>
31593179

31603180
<h3 class="no-num no-ref heading settled heading" id=informative><span class=content>
31613181
Informative References</span><a class=self-link href=#informative></a></h3>
@@ -3336,7 +3356,6 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
33363356
This probably needs to be adjusted to handle sum(flex factors) approaches zero,
33373357
same as how Flexbox does it.
33383358

3339-
33403359
<a href=#issue-55d6dc75> ↵ </a></div><div class=issue>
33413360
Fill this in.
33423361

0 commit comments

Comments
 (0)