W3C home > Mailing lists > Public > public-css-archive@w3.org > February 2017

Re: [csswg-drafts] [css-flexbox] Make it easier to define margins that only apply between flex-items

From: Rory Ashford via GitHub <sysbot+gh@w3.org>
Date: Mon, 13 Feb 2017 15:51:54 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-279432044-1487001112-sysbot+gh@w3.org>
This would be a tremendously useful addition and a perfect solution to
 the problem!

In my mind there are currently 2 approaches to multiline flexbox 
grids:

1. As @AmeliaBR said Grid containers with negative left margins and 
grid items with left padding. The issue with this method is that if 
you need to add padding to a grid item you have to nest an element 
within it and style that.

2. Omega/last classes. The issue with this method is that for 
multiline grids you must write a class where the content should end on
 each line and you end up controlling layout within your application 
logic. e.g. `if($i = 4){ echo 'item--last' }`;

`flex-gap` would prevent these 2 different but equally inelegant 
solutions in favour of something maintainable and understandable.

-- 
GitHub Notification of comment by roikles
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/592#issuecomment-279432044 
using your GitHub account
Received on Monday, 13 February 2017 15:52:10 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:29 UTC