- From: Quentin Albert via GitHub <sysbot+gh@w3.org>
- Date: Tue, 17 Jan 2023 13:04:57 +0000
- To: public-css-archive@w3.org
Que-tin has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-display-4] Add new inner display type 'stacked' ==
We currently have no easy CSS native way to stack items onto each other without using things like `grid` and `position: absolute
`. Often times using these makes things unnecessary complex or makes no sense from a design standpoint.
A new inner display type called e.g. `display: stacked` would help creating stacked layouts more easily and make complex stacks easier to implement.
The idea would be that `display: stacked` would stack all elements on top of each other. CSS Properties like `align-self`, `justify-self`, `place-self`, `align-items`, `justify-items` & `place-items` could be used to position all or individual items inside of the element, `order` could be used to order the element on the stack (behaviour would be the same as `z-index` inside of this context).
```
/* single-value syntax */
.stacked {
display: stacked;
}
/* two-value syntax */
.stacked2 {
display: block stacked;
}
```
An alternative would be to create a new value for `flex-direction` called `stack`.
```
/* flex-direction */
.stacked {
flex-direction: stack;
}
```
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8321 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 17 January 2023 13:04:59 UTC