Re: [csswg-drafts] [css-grid][css-flexbox][css-multicol] Styling Gaps/Gutters (#2748)

`-extent` and `-inset` are good; I think it fills the functionality fully. I'd probably fiddle with the names a bit, but that's it.

The model, essentially, is that anything with gaps defines a collection of horizontal and/or vertical areas, plus intersection rects where they touch. The existing -rule properties define whether rules exist in the horiz/vert areas. At each intersection rect, a rule either stops (a break) or continues thru it to join with the rule on the other side; this is controlled by `-extent`. Depending on the -rule and -extent properties, an intersection rect might contain none, one, or two (intersecting) rules.

`-inset` only controls rule breaks; by default the break is right up against the edge of the intersection rect, but you can shift it in or out.

------

Hm, I do have a question about span-skip interactions, tho.  Say you have a grid set up like:

```
A│   │C
─┘   │C
     │C
─┐   │C
B│   │C
```

Assuming rules are drawn in both axises:

`-extent: corner-break`
```
A│ ┃ │C
─┘ ╹ │C
━╸   │C
─┐ ╻ │C
B│ ┃ │C
```

`-extent: span-break`
```
A│ ┃ │C
─┘ ┃ │C
━╸ ┃ │C
─┐ ┃ │C
B│ ┃ │C
```

`-extent: span-skip`
```
A│ ┃ │C
─┘ ┃ │C
━━━┫ │C
─┐ ┃ │C
B│ ┃ │C
```

`-extent: no-skip`
```
A│ ┃ │C
─┘ ┃ │C
━━━╋━│C
─┐ ┃ │C
B│ ┃ │C
```

Right?

The question is - what does `span-skip` look like if only row-gaps are drawn? How far into the intersection area does it extend? 

None?
```
A│   │C
─┘   │C
━╸   │C
─┐   │C
B│   │C
```

Half?
```
A│   │C
─┘   │C
━━━╸ │C
─┐   │C
B│   │C
```

All the way?

```
A│   │C
─┘   │C
━━━━━│C
─┐   │C
B│   │C
```

Or should we implicitly treat this like a break, and let `-inset` take control?

(Note that this will have an effect on how we want to handle gap images; see [my comment on 5080](https://github.com/w3c/csswg-drafts/issues/5080#issuecomment-1526585163) about handling intersections better. Under the model I describe there, the choice I'm outlining here is between using mid+endcap for this intersection area, or using a 1-way intersection for it.)

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


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

Received on Thursday, 27 April 2023 23:10:34 UTC