A quick hack you can do to make rem easier to calculate is setting the root font size to 62.5% that way 1rem = 10px. If you do that don’t forget to set the body font size to at least 1.6rem to make the body text back to 16px and not create accessibility issue. But knowing your backgroud I guess you already know that your article about page builders is why I am here haha
I’ve actually done that on a few sites, but have decided to go au naturel and do it the right way moving forward.
There isn’t really a strong case against it, but there have been a couple times when I ran into compatibility issues when using a tool or a CSS generator that only works with a 16px base.
It feels a little less ‘hacky’ too. But I definitely miss being able to convert units easily!
P.S. awesome that you’re here because of the article.
Yeah I’m totally with you on that, I don’t really like changing the root size it doesn’t feel right to me for some reason. Haven’t used webflow myself but being able to calculate it in the field look like a very convenient feature for sure !
Not a big fan as well of touching the root font size, as it comes with, in my opinion, too many downsides.
Not sure how I missed this request, but thanks for creating this very useful feature suggestion @sunny.
So, this will be available in the upcoming update with the most straight forward implementation I can imagine. Please keep this available as it is, even if or when “real calculation” is introduced.
Since I have fully transitioned to an all REM approach (at this point, thanks for all the recent improvements in terms of unit freedom), this will allow me to change the way I work with Cwicly yet another time.