RTL support

[sinchang]

Is there any solution for adding RTL support?

[ekafyi]

You can use the standard CSS direction property in the globalCss, example:

const globalStyles = globalCss({
  body: { 
    direction: rtl;
    // other css
  },
});

[jonathantneal]

Stitches supports CSS Logical Properties, which work with LTR and RTL out of the box.

const globalStyles = globalCss({
  p: { 
    marginInlineStart: '1em', // padding-left when LTR, padding-right when RTL
  },
})

Further reading