Skip to main content

I created variables for font sizes and line height. I then created styles that use those variables. An issue is present if you have different styles for mobile and desktop. Styles the first values for the first mode listed which leads to incorrect values displayed. In the attached video you can see the font size and line height are are 48 & 51.5, but the values displayed in the style section are 54 & 54.

 Detached style displaying font size 48 & line height 51.5

 

Style showing font size 54 & line height 58

 

Hi ​@Hoyt_Haffelder, Thanks for flagging this.
 

I was able to reproduce the issue on our end. It appears to be due to a current limitation where the text style selector preview for variable-bound text styles shows the default mode value rather than the active mode value.


I understand how much more useful it would be if the text style previews dynamically reflected variable values. I noticed that our product team are already tracking similar feedback, and I've added your post to that report.

While we can’t guarantee when or if this behavior will change, we really appreciate your help in bringing more visibility to the issue.


Thanks again for reaching out!

Thanks for the info ​@Junko3. 

Reply


Terms & ConditionsCookie settings