Skip to content

Commit adcdb40

Browse files
committed
Added issue about shorthand syntax with column sizes first instead of
last. The declaration maybe looks better that way.
1 parent 7e05c91 commit adcdb40

1 file changed

Lines changed: 29 additions & 1 deletion

File tree

css3-layout/new2.src.html

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -743,6 +743,9 @@ <h2>Declaring templates</h2>
743743
of <var>&lt;row-height&gt;</var> values in 'grid-rows' or the number
744744
of rows in 'grid-template', whichever is larger.
745745

746+
<p class=note>Note that a grid element always has at least one row and one
747+
column. Those may, however, have zero size.
748+
746749
<!--=================================================================-->
747750

748751

@@ -1184,14 +1187,39 @@ <h3 id=grid-shorthand> The 'grid' shorthand property</h3>
11841187
but must be made explicit in the 'grid-rows' property.
11851188
</div>
11861189

1190+
<div class=issue>
1191+
<p>Does it look better with the column sizes first instead of last?
1192+
There would be no need for a slash:
1193+
1194+
<blockquote>
1195+
<p>none | <var>&lt;col-width&gt;</var>* [ <var>&lt;string&gt;</var>
1196+
<var>&lt;row-height&gt;</var>? ]+
1197+
</blockquote>
1198+
1199+
<p>E.g.:
1200+
1201+
<pre>
1202+
grid: 5em 1em * 1em 10em
1203+
"a . b . c" 2em
1204+
". . . . ." 1em
1205+
"d . e . f"
1206+
". . . . ." 1em
1207+
"g . h . i" 2em
1208+
</pre>
1209+
</div>
1210+
11871211
<!--=================================================================-->
11881212

11891213
<h3 id=default>Default slots</h3>
11901214

11911215
<p>Every <span>grid element</span> has a <dfn>default slot.</dfn> If
11921216
there is an asterisk (“*”) in the template, then that slot is the
11931217
default. If there is no asterisk, then the first letter in the
1194-
template defines the default slot.
1218+
template defines the default slot. If there is no letter either,
1219+
then&hellip;
1220+
1221+
<p class=issue>&hellip; define where a grid element's content goes if it
1222+
doesn't have any slots at all.
11951223

11961224
<div class=example>
11971225
<p>For example, if the template is defined by 'grid-template: "..."

0 commit comments

Comments
 (0)