We set $rightType: right; for ltr languages like English, and $rightType: left; for rtl (right-to-left) languages like Arabic. So that foo's position would be mirrored in a rtl layout.
When I use stylelint auto-fix on the above it changes to the following because the variables aren't recognised.
I have scss that looks like this:
We set
$rightType: right;
for ltr languages like English, and$rightType: left;
for rtl (right-to-left) languages like Arabic. So thatfoo
's position would be mirrored in a rtl layout.When I use stylelint auto-fix on the above it changes to the following because the variables aren't recognised.
Is it possible to add a custom rule that defines the property order even though their names contain variables?
(I'm using
stylelint-config-rational-order
, so an example of how to override that would be the most helpful to me, if it's even possible.)