Skip to main content

I'm building a component configuration where images use specific aspect ratios. By default, the aspect ratio is set to 3:2, and a Placeholder component inside the image enforces this ratio.

To manage this, I created a variable called default-aspect-ratio and use it in the component's prop.

Since I'm working in a multi-branded design system, different brands will use different aspect ratios.

Is it possible to redefine the same default-aspect-ratio variable within each brand’s handoff file, so it overrides the original, without using modes or other mechanisms?
Or is that a limitation of the system?

Be the first to reply!

Reply