W3C home > Mailing lists > Public > www-style@w3.org > April 2011

[css3-grid-layout] Grid-cell-stacking question

From: Rob Crowther <robertc@boogdesign.com>
Date: Fri, 15 Apr 2011 01:22:34 +0100
Message-ID: <4DA78FCA.2080202@boogdesign.com>
To: "www-style@w3.org" <www-style@w3.org>
What would I add the grid-cell-stacking property too?  I initially 
assumed it would be like this:

aside { grid-column: 1; grid-row: 2; grid-cell-stacking: rows; }

I'm aiming for: put all my aside elements in the first column, second 
row and stack them vertically.

But then I read the section again, and looked at Example XIX, and it 
seems like the property should apply to the Grid Cell rather than the 
Grid Item, so I'd have to explicitly call out a cell with the 
::grid-cell pseudo and apply the grid-cell-stacking to that:

#grid::grid-cell("sidebar") {
	grid-column: 1;
	grid-row: 2;
	grid-cell-stacking: rows;
}
aside { grid-cell: "sidebar"; }

Is this correct, or was I OK with the first one?

Rob
Received on Friday, 15 April 2011 00:23:02 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:39 GMT