Skip to main content

Letter-spacing values declared in % in Design mode should be represented in em in Dev mode, instead of px or rem. em units are relative to the font size, whereas px and rem are not.

For example, a letter-spacing value of 2% should be represented in CSS as .02em. (You can’t declare letter-spacing in % units in CSS, so this is why we must use em.)

Currently, when you view the code in Dev Mode, the only unit options you are given are rem or px, which are two static units, not relative units. This means you end up outputting random values like “letter-spacing: 0.1125rem;” which doesn’t scale relative to your font size on the front-end.

This causes many headaches for me and my developers. Would love to see this updated! 🙏

Hi ​@Christy N 

 

Thank you for your valuable feedback. I've shared this with our internal team for consideration in future improvements.

I've recategorized this post as "Suggest a feature" so our product team can track it properly - they regularly review suggestions in this category to inform their roadmap.

We really appreciate you taking the time to share your thoughts with us!

 

Thanks,

Toku


Reply