Post

📝 New CSS Article! I did a quick exploration of the new "Gap Decorations" thing, and I ended up doing a lot of fancy stuff except for decorating the gaps 😅 master.dev/blog/lets-pl... Read my latest article to learn a lot of nice tricks around this feature.

master.devLet’s Play With Gap Decorations!Let’s take a look at a quite new CSS feature: Gap Decorations. As its name suggests, it allows us to decorate gaps across different layout types (e.g., flexbox, grid, and multi-column). With a few lin...

24/6/26, 7:07 pm12 reposts73 likes

@blo4r.bsky.social

No curvy decoration. I'm sad! Jk, thx for the preview.

@bram.us @patrickbrosset.com @kevinbcmu.bsky.social Article live 👆 and issue created 👇 github.com/w3c/csswg-dr...

github.com[css-gaps] Allow percentage values with rule-width to account for fluid gaps · Issue #14083 · w3c/csswg-draftsLet's consider the following example: <ul> <il>left</il> <il>center</il> <il>right</il> </ul> ul { display: flex; gap: 40px; rule: 20px solid red; rule-inset: calc(.5lh - 3px); justify-content: cen...

Patrick Brosset

@patrickbrosset.com

You rock. Thank you.

Hmm. I don’t see any of the styling when viewing with IOS Safari. :-(