I have:
• In “Design System” project:
◦ Font size tokens defined with breakpoints. Different size for mobile and desktop
◦ This token is used to set the font size in a component.
• Now…
◦ If I instantiate this component in a page in the same project, things work ok
◦ However if I instantiate it in another project (imported from “Design System”) then
︎ The breakpoints are not respected in the editor
︎ However they work in the preview!
@yang sorry, should have provided right away. Had to take the dogs out
Screenshot 1: Editor – title is same size across all views
Screenshot 2: Viewer (mobile) – small as it should be
Screenshot 3: Viewer (tablet) – bit as it should be
Project: k5wi36LTCNmnJb5rh2sgis
• Page: Home
• Look at the top title: “Your better path to tea starts here”
It is using the component “BigTextInline” imported from mrgn3VC2r6s7VB3wKPe7xp
I’ll leave this like it is for tonight, but need to keep working on it tomorrow (if you can fix it, awesome. else I’ll need to hack it away with manual breakpoints in the BigTextInline component