Skip to content

Commit a11a9e8

Browse files
committed
[css-grid] Fix percentages
1 parent 780fc0c commit a11a9e8

2 files changed

Lines changed: 9 additions & 5 deletions

File tree

css-grid/Overview.bs

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -719,7 +719,7 @@ Track Sizing: the 'grid-template-rows' and 'grid-template-columns' properties</h
719719
Initial: none
720720
Applies to: <a>grid containers</a>
721721
Inherited: no
722-
Percentages: see prose
722+
Percentages: refer to corresponding dimension of the content area
723723
Media: visual
724724
Computed value: As specified, except for ''grid-template-columns/auto'' (see prose), with lengths made absolute
725725
</pre>
@@ -1735,6 +1735,7 @@ Automatic Grid Item Placement Algorithm</h4>
17351735
reset the <a>auto-placement cursor</a> to 1/1 each time an item is placed.
17361736
</ol>
17371737

1738+
<p class="issue">Review this wrt concerns in <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16044">bug 16044</a>.
17381739

17391740
<h2 id='grid-shorthand'>
17401741
Grid Definition Shorthand: the 'grid' property</h2>

css-grid/Overview.html

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -851,7 +851,7 @@ <h2 class="heading settled heading" data-level=5 id=grid-definition><span class=
851851
<h3 class="heading settled heading" data-level=5.1 id=track-sizing><span class=secno>5.1 </span><span class=content>
852852
Track Sizing: the <a class=property data-link-type=propdesc href=#propdef-grid-template-rows title=grid-template-rows>grid-template-rows</a> and <a class=property data-link-type=propdesc href=#propdef-grid-template-columns title=grid-template-columns>grid-template-columns</a> properties</span><a class=self-link href=#track-sizing></a></h3>
853853

854-
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-grid-template-columns>grid-template-columns<a class=self-link href=#propdef-grid-template-columns></a></dfn>, <dfn class=css-code data-dfn-type=property data-export="" id=propdef-grid-template-rows>grid-template-rows<a class=self-link href=#propdef-grid-template-rows></a></dfn><tr><th>Value:<td class=prod>none | <a class="production css-code" data-link-type=type href=#typedef-track-list title="<track-list>">&lt;track-list&gt;</a> | subgrid <a class="production css-code" data-link-type=type href=#typedef-line-name-list title="<line-name-list>">&lt;line-name-list&gt;</a>?<tr><th>Initial:<td>none<tr><th>Applies to:<td><a data-link-type=dfn href=#grid-container title="grid containers">grid containers</a><tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified, except for <a class=css data-link-for=grid-template-columns data-link-type=maybe href=#valuedef-auto title=auto>auto</a> (see prose), with lengths made absolute<tr><th>Percentages:<td>see prose</table>
854+
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-grid-template-columns>grid-template-columns<a class=self-link href=#propdef-grid-template-columns></a></dfn>, <dfn class=css-code data-dfn-type=property data-export="" id=propdef-grid-template-rows>grid-template-rows<a class=self-link href=#propdef-grid-template-rows></a></dfn><tr><th>Value:<td class=prod>none | <a class="production css-code" data-link-type=type href=#typedef-track-list title="<track-list>">&lt;track-list&gt;</a> | subgrid <a class="production css-code" data-link-type=type href=#typedef-line-name-list title="<line-name-list>">&lt;line-name-list&gt;</a>?<tr><th>Initial:<td>none<tr><th>Applies to:<td><a data-link-type=dfn href=#grid-container title="grid containers">grid containers</a><tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified, except for <a class=css data-link-for=grid-template-columns data-link-type=maybe href=#valuedef-auto title=auto>auto</a> (see prose), with lengths made absolute<tr><th>Percentages:<td>refer to corresponding dimension of the content area</table>
855855
<p> These properties specify,
856856
as a space-separated <dfn data-dfn-type=dfn data-export="" id=track-list>track list<a class=self-link href=#track-list></a></dfn>,
857857
the line names and <a data-link-type=dfn href=#track-sizing-function title="track sizing functions">track sizing functions</a> of the <a data-link-type=dfn href=#grid title=grid>grid</a>.
@@ -1787,6 +1787,7 @@ <h4 class="heading settled heading" data-level=6.2.1 id=auto-placement-algo><spa
17871787
reset the <a data-link-type=dfn href=#auto-placement-cursor title="auto-placement cursor">auto-placement cursor</a> to 1/1 each time an item is placed.
17881788
</ol>
17891789

1790+
<p class=issue id=issue-ca374be8><a class=self-link href=#issue-ca374be8></a>Review this wrt concerns in <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16044">bug 16044</a>.
17901791

17911792
<h2 class="heading settled heading" data-level=7 id=grid-shorthand><span class=secno>7 </span><span class=content>
17921793
Grid Definition Shorthand: the <a class=property data-link-type=propdesc href=#propdef-grid title=grid>grid</a> property</span><a class=self-link href=#grid-shorthand></a></h2>
@@ -3331,8 +3332,8 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
33313332
<h2 class="no-num no-ref heading settled heading" id=property-index><span class=content>
33323333
Property index</span><a class=self-link href=#property-index></a></h2>
33333334
<div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Computed value<tbody>
3334-
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-template-columns title=grid-template-columns>grid-template-columns</a><td>none | &lt;track-list&gt; | subgrid &lt;line-name-list&gt;?<td>none<td>grid containers<td>no<td>see prose<td>visual<td>As specified, except for auto (see prose), with lengths made absolute
3335-
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-template-rows title=grid-template-rows>grid-template-rows</a><td>none | &lt;track-list&gt; | subgrid &lt;line-name-list&gt;?<td>none<td>grid containers<td>no<td>see prose<td>visual<td>As specified, except for auto (see prose), with lengths made absolute
3335+
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-template-columns title=grid-template-columns>grid-template-columns</a><td>none | &lt;track-list&gt; | subgrid &lt;line-name-list&gt;?<td>none<td>grid containers<td>no<td>refer to corresponding dimension of the content area<td>visual<td>As specified, except for auto (see prose), with lengths made absolute
3336+
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-template-rows title=grid-template-rows>grid-template-rows</a><td>none | &lt;track-list&gt; | subgrid &lt;line-name-list&gt;?<td>none<td>grid containers<td>no<td>refer to corresponding dimension of the content area<td>visual<td>As specified, except for auto (see prose), with lengths made absolute
33363337
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-template-areas title=grid-template-areas>grid-template-areas</a><td>none | &lt;string&gt;+<td>none<td>grid containers<td>no<td>n/a<td>visual<td>specified value
33373338
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-template title=grid-template>grid-template</a><td>none | subgrid | &lt;‘grid-template-columns’&gt; / &lt;‘grid-template-rows’&gt; | [ &lt;track-list&gt; / ]? [ &lt;line-names&gt;? &lt;string&gt; &lt;track-size&gt;? &lt;line-names&gt;? ]+<td>see individual properties<td>grid containers<td>see individual properties<td>see individual properties<td>visual<td>see individual properties
33383339
<tr><th scope=row><a class=css-code data-link-type=property href=#propdef-grid-auto-columns title=grid-auto-columns>grid-auto-columns</a><td>&lt;track-size&gt;<td>auto<td>grid containers<td>no<td>see Track Sizing<td>visual<td>see Track Sizing
@@ -3357,7 +3358,9 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
33573358
but we’re not sure exactly how to do it.
33583359
Ideas welcome, please <a href="mailto:www-style@w3.org?Subject=%5Bcss-grid%5D%20Collapsing%20Grid%20Tracks">post them to www-style@w3.org</a>.
33593360

3360-
<a href=#issue-8f83c1bc></a></div><div class=issue>
3361+
<a href=#issue-8f83c1bc></a></div><div class=issue>Review this wrt concerns in <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16044">bug 16044</a>.
3362+
3363+
<a href=#issue-ca374be8></a></div><div class=issue>
33613364
TODO: EXAMPLE HERE
33623365
<a href=#issue-1383de0a></a></div><div class=issue>
33633366
TODO: provide example

0 commit comments

Comments
 (0)