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 

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 
using your GitHub account
Received on Monday, 13 February 2017 15:52:10 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:08 UTC