Definitely subjective, the first one doesn’t look bad but the second example is far from a mess in my opinion. There are more layers of rules for logical grouping beyond just grouping them — which includes ordering them (if chooses to) within the groups. I shouldn’t complain because I thrive on rules and order, but alphabetically does pose a simpler read and write.
Speaking from experience, grouping width
and height
isn’t necessary for me. With flexible grids and/or responsive development etc. I find I’m either 1. not modifying width as often, or 2. when I do it has nothing to do with height, vice versa. This could go deeper especially with different techniques of defining width/height with positions/paddings/flex-box. There was also the question of conflicting properties such as height
vs min-height
that another response mentioned but I’ll cover that one there.
Btw, hit me up with the linter you’re speaking of. Would love to check it out and see its groupings.