OK, I just spent way too long on something unimportant (again):
I bring to you: smooth linear clamp() scaling, but with increasing something as you decrease the screen width!
From 1rem to 3rem: clamp(1, -0.5rem + 6.67vw, 3rem)
«Backwards» (video): calc(clamp(-3rem, -4.5rem + 6.67vw, -1rem) * -1);
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ https://havn.blog/2024/03/18/ok-i-just.html
havn / Erlend (Havn)
npub13g…7f3kc
2024-03-18 16:59:32
Author Public Key
npub13g8tezx4wghwv2m6w9k5qp766mfusd7lfmyp9jm79gj2csk7r6aq77f3kcPublished at
2024-03-18 16:59:32Event JSON
{
"id": "caa4f67e71b5273df2ca9ff5963fe4616412b9e7f70785698b67b34985cf28c6",
"pubkey": "8a0ebc88d5722ee62b7a716d4007dad6d3c837df4ec812cb7e2a24ac42de1eba",
"created_at": 1710781172,
"kind": 1,
"tags": [],
"content": "OK, I just spent way too long on something unimportant (again):\n\nI bring to you: smooth linear clamp() scaling, but with increasing something as you decrease the screen width!\n\nFrom 1rem to 3rem: clamp(1, -0.5rem + 6.67vw, 3rem)\n«Backwards» (video): calc(clamp(-3rem, -4.5rem + 6.67vw, -1rem) * -1);\n\n https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ https://havn.blog/2024/03/18/ok-i-just.html",
"sig": "223df4ae4513e4d40ad0e87a0c72df7683897625b25067995494102967e3770189105d03d7a2040b2d1a3e8ede722147e74707ac4b45f09433d0b529403aa576"
}