[csswg-drafts] [css-flexbox] new flex wrap value that changes the flex direction (#6366)

• From: Manuel Meister via GitHub <sysbot+gh@w3.org>
• Date: Wed, 09 Jun 2021 10:12:40 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-916031633-1623233558-sysbot+gh@w3.org>

manuelmeister has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-flexbox] new flex wrap value that changes the flex direction ==
I couldn't find a way to style parent & child, so that it behaves like Version 1 & 3 depending on the content: 

![wrap](https://user-images.githubusercontent.com/3001985/121332544-42ad8c00-c918-11eb-8b65-dafebcac814c.png)

The content is unknown, could be "A", "B" & "C" or "A", "B" & "VERYLONG", … could be more than 3 elements. This eliminates media width queries.

I thought of something like this:
```css
body {
  max-width: 200px;
}

container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: flip-flex-direction;
}
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6366 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 9 June 2021 10:13:00 UTC