stormwarning / stylelint-config-recess-order

🗂️ Recess-based property sort order for Stylelint.
ISC License
349 stars 22 forks source link

Order of `-block` and `-inline` properties is inconsistent #384

Open stormwarning opened 2 weeks ago

stormwarning commented 2 weeks ago

I've realised while going through the current list of properties in preparation for the updated grouping that logical properties aren't in a consistent order.

It seems to me that properties where the cardinal properties involve top, right, bottom, and left should be sorted -block > -inline. Properties with cardinal directions of x and y for example, should be sorted -inline > -block, since this is the order x and y axes are usually described.

Or maybe that's too Anglo-centric and it should just be -block > -inline for everything? Open to thoughts & opinions.

stormwarning commented 2 weeks ago

The logical properties for border-radius also follow a block then inline order. A property like border-start-start-radius would be the same as border-top-left-radius for example.

stormwarning commented 2 weeks ago

Changes that would occur based on the initial clean up plan block > inline for most, inline > block for "x-y" pairs:

+ overflow-inline
overflow-block
- overflow-inline
overflow-x
overflow-y
+ scroll-padding-block-*
scroll-padding-inline-*
- scroll-padding-block-*
+ scroll-margin-block-*
scroll-margin-inline-*
- scroll-margin-block-*