Making .last optional

[gf3]

It should be possible (using :last-of-type) to make the .last class optional. The reason I bring this up is that many of us are not concerned with supporting older IEs, but we'd still like to use the awesomeness of your framework and have clean/semantic markup. Pretty please?

[fermion]

+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!

[csswizardry]

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

[gf3]

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.

[csswizardry]

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.

[gf3]

@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!

[csswizardry]

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