The RTL classes can't be applied to @apply about tailwindcss-rtl

[HapLifeMan]

Same problem here, I've started using these new classes into CSS files directly and I get this error. I searched the whole day on the internet but found nothing. Do you have any idea?

(I'm also using the same stack as the demo: Nuxt)

[HapLifeMan]

Unfortunately we would not be able to have it working if we want to add these classes in CSS files directly. That's because the selectors generated by the plugin are too complex and can't be handled by the @apply rule: tailwindlabs/tailwindcss#1344 (comment).

As I really want to have an easy way to change directions of my appp, I will fork this repo then change the selectors and properties generated by using the CSS logical properties to have it working with a single rule in both directions and also with @apply rules:

• margin-inline-start
• margin-inline-end
• padding-inline-start
• padding-inline-end

I don't need the other utilities so it will be a good start!

[20lives]

Thank you @HapLifeMan for investigating this issue.
as I said in other discussions I will update those utilities to logical properties.

[20lives]

I have just updated the plugin to use logical properties, so this should be working now if anyone cares to try.