yassinebridi / tailwind-direction Goto Github PK

Is there any recommendation on purge configuration?
Currently, when running in production mode, tailwind is purging some classes injected by this lib,
such as:

[dir=rtl] .right-0 {
    left: 0
}

The above is only found in dev mode without purging.

A temporary fix for me was to add:

safelist: {
    greedy: [/(right-0)|(left-0)/]
}

Is there a way to override an element to not change direction?
For example, let's say I have a button that scrolls to the top of the page on click, and I do not want it to have right-0 change to left-0 by the css injected from this plugin... Is there a way? I tried to override the parent div with a dir="ltr" to force it but that doesn't work obviously.

Thanks for sharing this lib!

I had multiple use-cases when I needed to override the direction set inside the html tag dir attribute. For example, when I want the whole document to be RTL, but one section to ignore the rtl rules injected and display as LTR.

Setting a dir="ltr" on the div that wants the override of course wouldn't work, but I can't think of a workaround that works with this lib... Any genius ideas :) ?