Post

CSS by T. Afif
@css-only.dev

📝 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...
CSS by T. Afif
@css-only.dev

@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...

0 reposts5 likes