Can React Studio support to adding customization css style

React Studio now support to edit template for code exporting, it really powerful. If it support to add customization css style, it make user experience of export code much more friendly.

I want to flip a html arrow symbol, but it need to add css like this:

.flip-horizontal {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /IE/
filter: fliph; /IE/

But I do not know WHERE to add the css style into template.

Does React Studio support it ??
thank you very much !


Short answer is unfortunately no. The css would be overwritten every time when app is build and it would not be possible to keep the manual edits.

Code templates are quite different thing than css but we’ll definitely take a look if there is any possibility to add a custom code somewhere in the css files (maybe in the end of the css).

P.S. Obviously the custom css changes would not reflect back to design canvas so you would not be able to preview the css without generating the code.

1 Like