css-property-sort-order-smacss
css-property-sort-order-smacss copied to clipboard
CSS Property Sort Order based on the SMACSS methodogy
Adds [`gap`](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) and [`row-gap`](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap) (#7). I've placed these as close as possible to `column-gap`.
Adds the [`appearance`](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance) property.
This adds the [`scrollbar-*` properties](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter)
Adds properties for [replaced elements](https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element#controlling_object_position_within_the_content_box).
Adds [`overscroll-behavior`](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior) and its variants.
Adds the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.
This adds [`clip-path`](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path), which replaces the deprecated `clip`.
There's a [block of grid-related rules](https://github.com/cahamilton/css-property-sort-order-smacss/blob/master/index.js#L23-L46), but some variants are missing. For example, there's `grid-column-gap`, `grid-row-gap`, and `grid-gap`, but no `row-gap` and `gap`, which are also valid.
#5 added support for height/width, margin, and padding, but there are a few more properties in [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties) that are missing: inset (shorthand for top, right, bottom, and left), overflow, and...