Re: [csswg-drafts] [css-grid] Decorative grid-cell pseudo-elements (#499)

Referencing the original proposal in https://github.com/w3c/csswg-drafts/issues/499#issue-177797864 here's a few details we'd want to specify:

* `::grid-area()` pseudo-element takes the same values as the `grid-area` property, minus auto-placement values
* `::grid-area()` arguments can also use nth-child syntax in place of `<integer>`. For example, `::grid-area( 1 / 2n / 3 / span 2 )` represents any grid area spanning the first and third row lines that starts on an even column line and spans two tracks.
* `::grid-area()` with arguments that reference the same area have the same identity
* accepts all properties that apply to grid items, and `content`, except grid-placement properties
* `content` causes it to exist or not exist, same as `::before`
* a grid-area pseudo takes up space for the purposes of the auto-placement algorithm the same as any other item
* effect on creation of implicit lines is the same as for other grid items with the given placement
* box order defined as a child before everything in the grid (including ::before/::marker/etc.)
* multiple child areas are ordered by `grid-auto-flow`
* overlapping child areas are ordered by size (number of cells), largest first, breaking ties by the grid-auto-flow order of the first non-shared cell
* originating element is the grid container


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


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

Received on Thursday, 23 September 2021 20:16:25 UTC