Re: [csswg-drafts] [css-grid] Shortcut syntax for repeat(M, 1fr)

If this was implemented though I'm positive that there would be many people who would start abusing `1rep` (or whatever the unit ends up being) as a substitute for `1fr` just because it ends up equating to `minmax(0,1fr)` rather than `minmax(min-content, 1fr)`.

They might start using it like this
````css
grid-template-columns: 100px 1rep 1rep 20px;
````
Which is like saying
````css
grid-template-columns: 100px repeat(1, minmax(0,1fr)) repeat(1, minmax(0,1fr)) 20px;
````
And then get confused why this ends up creating an extra column
````css
grid-template-columns: 100px 1rep 2rep 20px;
````
Or get confused why 1.5 wouldn't work
````css
/* invalid, you can't repeat something 0.5 times */
grid-template-columns: 100px 1rep 1.5rep 20px; 
````

I'm thinking that a new unit should also be created for `minmax(0,1fr)` to prevent the abuse of the repeat unit. I'm thinking `1efr` (short for "1 equal fraction") would be a good one :)

````css
grid-template-columns: repeat(3, 1efr);
````
Translated:
````css
grid-template-columns: repeat(3, minmax(0,1fr));
````

-- 
GitHub Notification of comment by Dan503
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2270#issuecomment-388321778 using your GitHub account

Received on Friday, 11 May 2018 10:10:01 UTC