Ok, we have a clamp() function. Take any value and clamp it between a min and max.
But what if we had an un-clamp() function? Take any value, and imagine if it was unconstrained. What value *could* it be instead, living it's best authentic life? No responsibilities - no mortgage, and no boss.
Let your CSS values explore their true passion with un-clamp().
Having now left JSHeroes, I've decided that I should provide an alternative for the JSVillains. CFP is open, please submit topics.
Coming soon: CSS Night
Seeing a lot of posts about generating OpenGraph images for 11ty posts, and suddenly realized my new approach will fail.
I generate an html page, and I just want to snapshot that page in a build step. Right now it's looking for a URL, but (obviously) the URL doesn't exist yet. That's the point.
But all the other approaches involve non-html image generation, or HTML/CSS limitations. And I don't want to do that. I just want my thing to work, please. Thanks.
We're giving away a free ticket to the CSS Layout Workshop. To be entered in the drawing, comment below withβ¦
- A question you have about CSS layout
- Or a fun demo, trick, or snippet of CSS
The winner will be announced on Friday, April 18!
#css
CSS Working Group resolved to allow range syntax in style queries. We can compare with a container variable:
@ container style(--var < 5em)
But can also compare normal values:
style(1em < 20px)
style(sibling-count() > 3)
This style function can also be used for conditions of inline if()
#css
