How to extract flex-direction to mixin? Help!

Could any one suggest how to create separate mixins for flexbox like those below?

I can’t extract separate values for this CSS utilities:

flex-direction: row;
flex-direction: row-reverse;
flex-direction: column;
flex-direction: column-reverse;

When im trying to extract one of those values to mixins, palsmic creates a mixin with other CSS utilities.
I’m getting a new mixin with 3 values in one.

display: flex;
flex direction: column;
flex column gap: 0px
image

Here is a screen recording

I want to have mixin with one value in it.
Is it possible?

Unfortunately it is not currently possible to separate out those properties by different mixins, since you can create illegal combinations this way. For now, if you really need to separate these into distinct building blocks, you can use the custom CSS embed component and define classes that you then apply to different elements. Let me know if that makes sense!

1 Like

@yang, thank you. It makes sense.