Skip to main content

Allow usage of multiple styles at a time


Anthony_Swierkosz

Description

As a user, I want the ability to use multiple linked styles at a time so that styles can be more modular.

For example, I want to define a Drop Shadow style and a Background Blur style. In some cases I want to use them separately, some objects only have a drop shadow while others only have a background blur. In some cases I want to use them together, some objects have both a drop shadow and background blur.

Currently, I can create a single style that contains a drop shadow and a background blur; however, I cannot create two separate styles and use them together.

image
I can define as many static properties under Effects as I want.

image
However, I can only use a single Style under Effects.

image
That Style may include as many properties as I want; however, I want to be able to separate these properties into their own styles.

Currently, I would have to create three styles:

  1. Drop Shadow Style
  2. Background Blur Style
  3. Drop Shadow & Background Blur Style

Whenever I update the Drop Shadow style I would also have to update the Drop Shadow & Background Blur Style to ensure the drop shadow effect is the same value.

Instead, I want to be able to use the two separate styles (Drop Shadow and Background Blur) together or individually when I choose.

This topic has been closed for replies.

2 replies

Joshua_Schwabe

I’m in the exact same boat.
Our design system has 5 different set shadow levels saved as 5 different styles. Unfortunately right now, in order to combine them with a background blur effect, I would need to either detach the style, or create another 5 separate effect styles that combine the shadow + BG blur, which seems pretty convoluted.

Would love to just be able to combine different kinds of effect styles honestly


  • 0 replies
  • October 26, 2022

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings