I noticed in a version of the Personify that I used a while back there were an enormous amount of items like clamp used for the fonts at the element level consistently. Almost every item contains some level of use of that. Fonts are just one example.
This creates a level of complexity that few tier 1, or 2 support people can handle and the clients have no idea what that means.
I was pondering some Global CSS that could handle that and leave the UI change to simple using the interface to increase the size or decrease the size.
When I went back through the Theme Options I can see that the Root Font Size can be specified and allows for a Scaling and Stepped option, along with granular controls for the breakpont from XS to XL.
My question is that not already handling the “clamp” function scaling with the scaling option. Then by setting the root to a PX we can simply fully adopt REM settings for the fonts in the UI at the page and element level when building the site.
It is my guess that there is no need to manually code each element with a unique clamp setup if the theme options are set correctly.
The second part is when setting the Root Font Sizes for the individual breakpoints against the overall layout size at 1200 PX and selecting that as the base breakpoint, when selecting the Scaling option, that would be how the scaling variable is determined based on the root size for the XS (min) and XL (max).
And if the above is true at all why would the Personify setup not leverage that and make the UI management overly complex?