Skip to content

Commit 97dfb64

Browse files
committed
[css-grid] Switch row-gap/column-gap to grid-row-gap/grid-column-gap per WG resolution.
1 parent ca6efb8 commit 97dfb64

1 file changed

Lines changed: 18 additions & 17 deletions

File tree

css-grid/Overview.bs

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1980,7 +1980,7 @@ Grid Definition Shorthand: the 'grid' property</h2>
19801980
all the implicit grid properties
19811981
('grid-auto-rows', 'grid-auto-columns', and 'grid-auto-flow'),
19821982
and the gutter properties
1983-
('column-gap' and 'row-gap')
1983+
('grid-column-gap' and 'grid-row-gap')
19841984
in a single declaration.
19851985
If <<'grid-auto-rows'>> value is omitted,
19861986
it is set to the value specified for 'grid-auto-columns'.
@@ -2853,12 +2853,12 @@ Alignment and Spacing</h2>
28532853
<a>grid items</a> will auto-size to fit their contents.
28542854

28552855
<h3 id='gutters'>
2856-
Gutters: the 'column-gap', 'row-gap', and 'grid-gap' properties</h3>
2856+
Gutters: the 'grid-column-gap', 'grid-row-gap', and 'grid-gap' properties</h3>
28572857

28582858
<pre class='propdef'>
2859-
Name: row-gap, column-gap
2860-
Value: normal | <<length>>
2861-
Initial: normal
2859+
Name: grid-row-gap, grid-column-gap
2860+
Value: <<length>>
2861+
Initial: 0
28622862
Applies to: <a>grid containers</a>
28632863
Inherited: no
28642864
Percentages: n/a
@@ -2879,16 +2879,9 @@ Gutters: the 'column-gap', 'row-gap', and 'grid-gap' properties</h3>
28792879
See [[#algo-overview]].
28802880
This space effectively increases the size of the <i>gutters</i>.
28812881

2882-
On <a>grid containers</a>, a value of <dfn for="row-gap,column-gap" dfn-type=value>normal</dfn> computes to zero.
2883-
2884-
Issue: Should we have grid-specific properties for this (e.g. <css>grid-row-gap</css>)
2885-
instead of sharing with multicol ('row-gap')?
2886-
Sharing with multi-col could be problematic if we re-use the 'grid-template'
2887-
properties to set up <a href="http://www.w3.org/TR/css-line-grid-1/">grid-snapping</a>.
2888-
28892882
<pre class='propdef'>
28902883
Name: grid-gap
2891-
Value: <<'column-gap'>> <<'row-gap'>>?
2884+
Value: <<'grid-column-gap'>> <<'grid-row-gap'>>?
28922885
Initial: normal
28932886
Applies to: <a>grid containers</a>
28942887
Inherited: no
@@ -2897,9 +2890,9 @@ Gutters: the 'column-gap', 'row-gap', and 'grid-gap' properties</h3>
28972890
Computed value: specified value
28982891
</pre>
28992892

2900-
This property is a <a>shorthand</a> that sets 'column-gap' and 'row-gap' in one declaration.
2901-
If <<'row-gap'>> is omitted,
2902-
it's set to the same value as <<'column-gap'>>.
2893+
This property is a <a>shorthand</a> that sets 'grid-column-gap' and 'grid-row-gap' in one declaration.
2894+
If <<'grid-row-gap'>> is omitted,
2895+
it's set to the same value as <<'grid-column-gap'>>.
29032896

29042897
<h3 id='auto-margins'>
29052898
Aligning with <a value for="margin">auto</a> margins</h3>
@@ -3648,10 +3641,18 @@ Acknowledgements</h2>
36483641
<h2 class="no-num" id="changes">
36493642
Changes</h2>
36503643

3644+
3645+
The following significant changes were made since the
3646+
<a href=http://www.w3.org/TR/2015/WD-css-grid-1-20150317/>17 March 2015 Working Draft</a>.
3647+
3648+
* Renamed <css>row-gap</css>/<css>column-gap</css> to 'grid-row-gap'/'grid-column-gap'
3649+
to avoid having multicol and grid share 'column-gap'.
3650+
This also preserves <css>'grid-'</css> as a prefix across these properties and their shorthand.
3651+
36513652
The following significant changes were made since the
36523653
<a href=http://www.w3.org/TR/2015/WD-css-grid-1-20150317/>17 March 2015 Working Draft</a>.
36533654

3654-
* Defined 'row-gap'/'column-gap' properties and 'grid-gap' shorthand to provide gutters.
3655+
* Defined <css>row-gap</css>/<css>column-gap</css> properties and 'grid-gap' shorthand to provide gutters.
36553656
* A <a>subgrid</a> now only ignores width/height/alignment constraints in the subgridded dimension(s).
36563657
* Made ''repeat(auto)'' pay attention to max size when it's definite, too.
36573658
* Per WG resolution, switched to using square brackets for <<line-names>>, rather than parentheses.

0 commit comments

Comments
 (0)