Generator for insetUtilities doesn't seem to work

[20lives]

Generator for insetUtilities doesn't seem to work

[20lives]

Hi,
What versions of tailwindcss and tailwindcss-rtl are you using?

[randriese]

Hi,

I'm using Tailwindcss version 1.9.6 and tailwindcss-rtl version 0.7.3.

All other utility classes are working, only the inset utilities aren't working when @Applying them in the styling.

[20lives]

There are two types of utility implementations in this plugin, the first is with bidirectional properties and the other with attribute selectors.
personally, I have never tried using the @apply, but I know there were issues with complex selectors (the attribute selectors).

tailwindcss 2.0 has improved support for @apply so I would start with that. otherwise, you will probably have to use the inline structure.

[randriese]

But how is it possible that ps-4 works, but start-4 doesn't. They shouldn't differ that much, right ?

edit: looking at the utility methods, they differ in such a way that they use defined css instead of paddingInlineStart/End...
I'll try to find a workaround then...

edit2: I was able to solve it in a different way :-) issue can be closed as this is more related to tailwindcss than to tailwindcss-rtl.

[20lives]

As I mentioned before the utilities below are supported without any issues, all others not:

• borderRadiusUtilities
• borderWidthUtilities
• divideUtilities
• floatUtilities
• marginUtilities
• paddingUtilities
• spaceUtilities

And please share your solution as this problem rise here once in a while..

[randriese]

My solution for now was to simply make the direction distinction in the scoped styling.
So instead of doing this:

.someclass::before {
  @apply start-0;
}

I'm doing this:
[dir='ltr'] .someclass::before {
  @apply left-0;
}
[dir='rtl'] .someclass::before {
  @apply right-0;
}