[css-gaps-1] Initial editor's draft. #10393

[kbabbitt]

Major changes from the unofficial draft:

• Defer gap decoration areas out of Level 1
• Drop the direction-relative properties
• Generalize *-rule-break to apply to all container types
• Remove the join keyword from *-rule-outset and fold its behavior into *-rule-break
• Define algorithms for:
  • Determining gap decoration endpoints
  • Expanding repeaters in color/style/width properties

[alisonmaher]

Drop the direction-relative properties

I can't remember, was this based on feedback from the working group?

[kbabbitt]

Formatted version of draft can be found here: https://kbabbitt.github.io/css-gap-decorations/pr-11115/Overview.html

[kbabbitt]

Drop the direction-relative properties

I can't remember, was this based on feedback from the working group?

It was based on feedback from the issue discussion.

#10393 (comment)

• (possibly?) add main-rule and cross-rule for Flexbox (personally I'd prefer to just use row-rule and column-rule)

#10393 (comment)

Me too. There is no main-gap or cross-gap property, so I don't think we need main-rule or cross-rule either.

[KurtCattiSchmidt]

Looks great overall, mostly just nits

[alisonmaher]

Overall, looks good to me, as well, with a few suggestions below.

[kbabbitt]

@alisonmaher @KurtCattiSchmidt Thanks for the comments! I've pushed some changes with updates to the text; will work on making more visuals.

[kbabbitt]

Now updated with more visuals, and I've pushed an update to the formatted copy at https://kbabbitt.github.io/css-gap-decorations/pr-11115/Overview.html

Ready for another look, thanks!

edit: actually, missed one comment, will continue working on that.

edit^2: last comment addressed.

[alisonmaher]

Changes lgtm, thanks for adding all the visuals. This helped clarify all the questions I had.

The only other thoughts I had were if we should add an open issue for how to handle fragmentation and how to handle subgrid?

Otherwise, this looks good to me, thanks Kevin!