 I wrote a new article: “Indirect Cyclic Conditions: Prototyping Parametrized CSS Mixins” https://kizu.dev/indirect-cyclic-conditions/ In my quest to push forward what is possible with custom properties in #CSS, I discovered another application of cyclic dependencies. Combined with a prior technique based on custom cascade layers, we are now even closer to something that resembles native CSS mixins.  10 comments
 @kizu i wrote a css tricks article at one point exploring and explaining how i use them— pattern 5 was my take on mixins, using typography as the example https://css-tricks.com/patterns-for-practical-css-custom-properties-use/ @tychi Nice! But my article is about a very different application of custom properties — where they can be the _only_ external API of a mixin, with no class names or any other selectors associated :) @kizu Thanks! What a xmas gift! Looking forward to explore your techniques in the coming days. ”Please do not apply this technique in production“ – well… we'll see about that 😅 @freshmango I mean, I _will_ use it for my personal web-site, haha. But yeah, not something where perf and stability matter :)  @mayank The bug is workaroundable, and there was already a patch in the same day I reported it, but still, would've been better without it for sure!  @kizu Okay I had to read the examples a couple times but now I understand it (the quote from the spec helped — who'd have thought! :D). This is really, really clever, and interesting. Thank you for sharing, and happy holidays! |
Gregory's Server
As usual, the credits:
- @leaverou (conditions!)
- @tldraw (schemes!)
- @5t3ph (smol grid!)
- @heydon (original question!)
- @mia (mixins!)