Post

Still an interesting exploration! If you're iterating… why not use clamp() for fluid sizing? Also I'm curious: do you really get away with h-element selectors in the systems you've worked on? Or is this just for simple WYSIWYG pages? H-level and visual style seldom match in my components/systems.

regarding systems. I have had to style one heading to look like another before yes (if I read your second part correctly). This can also pair with headingOffset - which will be Fridays article.

Fluid typography w going to be included in this one. But I thought it’d be too long a read. So I’m doing that for tomorrow

haaski.bsky.social

@haaski.bsky.social

4 Mar

Did you get the fluid portion of this published? Just read the article and came here to request. You know there's never too long a read if it's good and juicy.

Laura Kalbag

@laurakalbag.com

Incredible. This is such serendipitous timing too. Look what I discovered works in @penpot.app last week…

sadly it seems I jumped to quickly and misunderstood sibling-index quite a bit. If the HTML is: h1, h2, two h3s, the second h3 would be styled like h4 poop :(

Laura Kalbag

@laurakalbag.com

Ah boo. But you’re still bringing awareness to a whole bunch of cool CSS that can still be used in a similar way, just maybe not as concisely.