Feature Request: Add support for standalone rotate and translate CSS properties

[natalia-beloeva]

Hi! Thank you for maintaining this excellent library. I'd like to propose adding support for the standalone rotate and translate CSS properties that have been widely supported by browsers for several years now. They offer better performance and easier manipulation than the traditional transform property.

References MDN rotate: https://developer.mozilla.org/en-US/docs/Web/CSS/rotate MDN translate: https://developer.mozilla.org/en-US/docs/Web/CSS/translate

Currently, rtlcss doesn't handle these standalone properties for RTL transformation:

/* LTR */
.element {
  rotate: 45deg;
  translate: 10px 20px;
}

/* Expected RTL output */
.element {
  rotate: -45deg;
  translate: -10px 20px;
}

Would it be possible to add support for these properties in a future release? Thanks for considering this request!

[elchininet]

@natalia-beloeva, Your second link should be the translate property instead of the translate function. :)

[natalia-beloeva]

@natalia-beloeva, Your second link should be the translate property instead of the translate function. :)

Updated 👌🏻

[Asef00]

Has anyone come to an approach on this?

[elchininet]

Has anyone come to an approach on this?

It should not be hard to implement, but it seems that the owner of the repo is not available at the moment, I have this since December to solve a bug. I could take a look at this one if the previous one gets merged.