fix!: Disallow directional style rules

[alimpens]

No description provided.

[RubenSibon]

LGTM

Although, that the CSS order has to change bothers me a bit. Sorting CSS alphabetically has never made sense to me. I don't understand why the industry hasn't adopted concentric CSS. If we had that then the re-ordering wouldn't have had to happen so much.

[VincentSmedinga]

Robbert mentioned that width and height may still be the better options for a logo, as we don’t want to rotate it in top-to-bottom writing modes. Another example is the video player.

On the other hand, “the left-to-right direction has become dominant in all three languages for horizontal writing due to the influence of Western languages and the increased use of computerized typesetting and word-processing software” (adapted from Wikipedia).

So we can probably get away with only supporting horizontal writing modes.

[alimpens]

I'm completely fine with making some exceptions for elements where that makes sense. It's probably something we should test on a complete page though. Maybe revisit it later, top-to-bottom writing modes aren't a huge priority at the moment I think?

[VincentSmedinga]

That the CSS order has to change bothers me a bit. Sorting CSS alphabetically has never made sense to me. I don’t understand why the industry hasn’t adopted concentric CSS. If we had that then the re-ordering wouldn’t have had to happen so much.

I’ve always disliked CSS in alphabetical order as well :) In another project, I maintained my configuration of a Stylelint rule that forced a particular order. I wasn’t aware of concentric CSS, but it doesn’t seem very different from my approach.

However, even if we made a linter do all the work for us, a ‘better’ order would still ask other contributors to invest in it, and it also deviates from NLDS practice. Let’s keep this battle for another time.