- From: Eric A. Meyer <eric@meyerweb.com>
- Date: Wed, 23 Mar 2016 12:45:36 -0400
- To: "www-style list" <www-style@w3.org>
- Message-ID: <7E0A5985-0CF6-41F2-9A9A-896D8BE93DB1@meyerweb.com>
Now that I've worked with some grid experiments since 'grid-template'
was dropped, I've found a reason why dropping it might be undesirable.
It's not an absolute blocker or anything, but it does bug me a bit.
In the past, I might've written something like this:
.galleries {display: grid;
grid-flow: dense column;
grid-auto-rows: 100px;
grid-auto-columns: 100px;
grid-gap: 10px 15px;
}
#gallery01 {
grid-template: 2em 1fr 3em / 1fr repeat(4,2fr) 1fr;}
#gallery02 {
grid-template: 2em 1fr 1fr 1em / 1fr repeat(5,2fr) 1fr;}
Now that 'grid-template' is gone, I might convert that to:
.galleries {display: grid;
grid-flow: dense column;
grid-auto-rows: 100px;
grid-auto-columns: 100px;
grid-gap: 10px 15px;
}
#gallery01 {
grid: 2em 1fr 3em / 1fr repeat(4,2fr) 1fr;}
#gallery02 {
grid: 2em 1fr 1fr 3em / 1fr repeat(5,2fr) 1fr;}
…except the 'grid' shorthands will reset everything I declared under
'.galleries', due to the shorthand behavior and specificity. So I end
up in a specificity arms race with myself that I didn't have to get into
before.
Of course, I could even now use 'grid-template-rows' and
'grid-template-columns' in place of 'grid', and obviously will do.
Perhaps my problem is really that 'grid' is currently limited to set a
template OR set flow and auto-tracks (but not gutters, even though
they're reset too). This dramatically limits the circumstances in which
it can be used.
Either way, I wanted to contribute my observations.
--
Eric A. Meyer - http://meyerweb.com/
Received on Wednesday, 23 March 2016 16:46:04 UTC