Re: [csswg-drafts] Proposal: CSS Gap Decorations Level 1 (#10393)

It's great to see this proposal progressing. I just wanted to share our use case for this at the BBC, in case it's helpful.

The BBC News front page in the UK has a CSS grid of cards linking to articles. (International visitors can still see a similar design on the BBC Sport front page.)

![Screenshot of BBC News front page with many links to different articles. Links that don't have a picture above them have a grey border above them instead.](https://github.com/w3c/csswg-drafts/assets/1760227/f488970b-363f-4a4c-9038-cebec82de9a7)

You can see how only the cards that don't include a picture have a top border. But the top border is not a desirable design because it's not in the gap between grid cells. So this proposal would allow us to achieve the originally intended design where there would be a grey divider in the centre of the above gap.

However, we wouldn't want a continuous line across the entire row gap. I've not seen anyone discuss the proposed `row-rule-outset` property in the Explainer document. It would allow us to still have the desired design where the grey divider line is only above the cells and doesn't enter the column gaps.

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


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

Received on Wednesday, 12 June 2024 23:03:00 UTC