Re: [css3-grid-layout] [css3-layout] Grid-Template Declaration Merge

I worked a little more on this and wrote out a good part of the details. 
Some of those turned out to be neither exactly as Elika wrote nor what 
Phil suggested, but somewhere in between. In summary, my proposed text 
does this:

A) An element has a grid if any of 'grid-template', 'grid-rows' and 
'grid-columns' (or the shorthand 'grid') has a value other than its 
initial value. These properties only apply to block containers. (I.e., 
'grid' is modeled on 'columns'.)

B) The number of rows is determined in the three ways that Phil 
mentioned, whichever gives the largest number. (Columns are analogous.)

   1) The number of rows in 'grid-template'

          DIV { grid-template: "abc" "adc"  /* Two rows */ }

   2) The number of values in 'grid-rows'.

          DIV { grid-rows: auto auto auto; /* Three rows */ }

   3) The absolutely positioned element with the largest
      'grid-position-y' value. (I named it this instead of 'grid-row',
      to avoid confusion with 'grid-rowS' and to allow an easy choice of
      shorthand, viz. 'grid-position'. But maybe there are even better

          H3 { position: absolute; grid-position-y: 4 /* Fourth row */ }

This means 'grid-template' does not take precedence over 'grid-rows', 
unlike Elika suggested. And I'm still not sure this whether I actually 
like this better: It is inconsistent with 'background-
image'/'background-size' and 'transition-property'/'transition-
duration'. But if you allow automatic creation of additional rows as in 
(3) above, it seems to make some sense to not require a template...

For more details, see "Declaring templates":

I also tried to collect the arguments for different syntaxes:

  Bert Bos                                ( W 3 C )                               W3C/ERCIM                             2004 Rt des Lucioles / BP 93
  +33 (0)4 92 38 76 92            06902 Sophia Antipolis Cedex, France

Received on Thursday, 1 March 2012 23:24:57 UTC