Raster – a minimal and straight-forward CSS grid system ↦
This is notable/different because it uses descriptive HTML rather than semantic CSS classes:
<grid columns=8>
<c></c>
<c span=3>3</c>
<c></c>
<c span=7-8>7-8</c>
<c span=2+2>2+2</c>
<c span=5-8>5-8</c>
<c span=1-4>1-4</c>
<c span=6..>6..</c>
<c span=2..>2..</c>
<c span=4..>4..</c>
<c span=1-2>1-2</c>
<c span=4-5>4-5</c>
</grid>
Discussion
Sign in or Join to comment or subscribe
Adam Stacoviak
Austin, TX
Founder and Editor-in-Chief of Changelog
2019-02-18T19:09:00Z ago
Whoa — have I been asleep at the wheel? Are quotes on attributes in HTML not required now?
Jerod Santo
Omaha, Nebraska
Jerod co-hosts The Changelog, crashes JS Party, and takes out the trash (his old code) once in awhile.
2019-02-18T19:13:34Z ago
Yeah, it’s been like that for awhile but you don’t see it in use all that much because you can’t use spaces, which are common for applying multiple classes (for example). The spec states:
Adam Stacoviak
Austin, TX
Founder and Editor-in-Chief of Changelog
2019-02-18T19:14:50Z ago
til