CSS by T. Afif :verified: on Nostr: nprofile1q…kw0m6 Ok, I think the issue is only with the clamp. using only calc() ...
nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq4hej53g48yzxvsdw6pervjkuunw4wdvgcydmll5vjetxs3urazxsfkw0m6 (nprofile…w0m6) Ok, I think the issue is only with the clamp.
using only calc() both percentage and number work fine but with clamp() only the number works fine. The percentage one won't work probably because "l" is still treated as a number so you need to also multiply it with 1%
The below is working for me on Chrome so maybe it will also work in Safari (I cannot test)
background-color: hsl(from var(--custom-color) h s clamp(var(--min-lightness) * 1%, l * 1%,var(--max-lightness) * 1%));
using only calc() both percentage and number work fine but with clamp() only the number works fine. The percentage one won't work probably because "l" is still treated as a number so you need to also multiply it with 1%
The below is working for me on Chrome so maybe it will also work in Safari (I cannot test)
background-color: hsl(from var(--custom-color) h s clamp(var(--min-lightness) * 1%, l * 1%,var(--max-lightness) * 1%));