Add a flag to swap direction in selectors about node-cssjanus HOT 3 CLOSED

Why not just use /* @NoFlip */ above the selector?

from node-cssjanus.

You're right but I'm thinking about a better solution.

Forked already and working on adding that feature and more including less and sass support, and better testing, in addition to fixing some small bugs like that related to !important declaration in border-radius and others...

Wait for a PR in March 😉

from node-cssjanus.

From the initial description it sounds like you're under the impression that pull-left would be flipped, but not pull-right. However, selectors are preserved in CSSJanus regardless of which directionality they are about.

As such, @noflip seems appropiate.

Changing directionality within the selectors seems undesirable as this would require a matching change in HTML content - which we want to avoid, by design.

If you do wish these kinds of rules to be flipped, the content to be affected, and the class names to make sense, I'd recommend renaming the classes to something more semantic by using directionality-neutral terms like "start" or "end".

This also matches how other CSS properties work internally. Such as the native default for text-align (which is start, not left), with a matching value of end for the opposite direction. See also the flex-start and flex-end values for the justify-content property from the CSS Flexbox features. These features work in different directions (left-to-right and right-to-left, but also top-to-bottom).

from node-cssjanus.