I am engaged on my first theme constructed from customized gutenberg blocks. I’ve managed to register blocks and enqueue their particular stylesheets, however I am working into one problem that is form of a ache. Numerous my blocks override world kinds from my type.css file. Nonetheless, after I allow editor kinds, the .editor-styles-wrapper class is superseding the block kinds.
To supply an instance, here is my world container type:
div.tmp-container-fixed {
flex-direction: row;
}
In my block-specific stylesheet:
part.sign-up .tmp-container-fixed {
flex-direction: column;
}
And what the editor-styles.css places out:
.editor-styles-wrapper div.tmp-container-fixed {
flex-direction: row;
}
I perceive why the editor kinds are overriding the block kinds. I am questioning, is there any strategy to enqueue an editor stylesheet for every block, to output one thing like:
.editor-styles-wrapper part.sign-up .tmp-container-fixed {
flex-direction: column;
}
I think about I may code a customized editor stylesheet, however hoped there is likely to be a neater strategy to accomplish that.
Many thanks upfront!