PurgeCSS config about tailwind-direction HOT 5 CLOSED

I just tested this and this was not the case, The production css contained these classes:

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

from tailwind-direction.

The fix was actually easy, related to purging in general.
Since dir="ltr/rtl" is not a class, and I'm NOT writing it specifically but injecting it into the HTML such as
: ... dir="{{$localeDir}}" I had to manually write a comment in HTML as such: {{--dir="rtl"dir="ltr"--}}
Just so that purgecss reads those and skip purging them :)

from tailwind-direction.

Are you using tailwindcss v1?

from tailwind-direction.

@sa3dany no I'm on 2.0.2, the issue was with purgecss lib anyway not tailwind, resolved by actually writing dir="rtl" (or commented) and not dir="{{$dir}}" because purgecss will assume dir="rtl" is not used.

from tailwind-direction.

from tailwind-direction.