Making .last optional about cssgrid HOT 6 CLOSED

+1, I understand wanting to support older browsers but that syntax could/should be optional if you only care about supporting, say, modern webkit-based browsers. Thanks for the great lib!

from cssgrid.

I was considering adding this to inuit.css but it's not feasible.

This method assumes your grid is only one row deep. Take the following: (x denotes :last-of-type)

Works
+-------------------+
| +---+ +---+ +---+ |
| |   | |   | | x | |
| +---+ +---+ +---+ |
+-------------------+

Doesn't work
+-------------------+
| +---+ +---+ +---+ |
| |   | |   | |   | |
| +---+ +---+ +---+ |
| +---+ +---+ +---+ |
| |   | |   | | x | |
| +---+ +---+ +---+ |
+-------------------+

The test case for this on inuit.css was the features list where there are several rows of grids in one parent.

However you can drop the .last class totally if you want. inuit.css does it ;)

H

from cssgrid.

The 1140 CSS Grid requires that all rows be wrapped in a .row, so calling :last-of-type or :last-child within a row is still feasible.

from cssgrid.

inuit.css also relies on .row (except mine’s called .grids) but that doesn’t mean the :last-of-type will be the right-most div. If you inspect the features list example that I gave you will see what I mean.

from cssgrid.

@csswizardry Ahh I see what you're saying. Unless my understanding is incorrect, 1140 doesn't even support those types of layouts currently! I'll probably be switching over to inuit! Thanks!

from cssgrid.

Oh, erm, sorry to hijack this. Just thought I'd point out potential problems with the :last-of-type method as I've already tried/researched it :)

Cheers,
Harry

from cssgrid.