css-property-sort-order-smacss

css-property-sort-order-smacss copied to clipboard

Add gap and row-gap

1

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`.

thewilkybarkid

Adds the [`appearance`](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance) property.

thewilkybarkid

This adds the [`scrollbar-*` properties](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter)

thewilkybarkid

Adds properties for [replaced elements](https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element#controlling_object_position_within_the_content_box).

thewilkybarkid

Adds [`overscroll-behavior`](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior) and its variants.

thewilkybarkid

Adds the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.

thewilkybarkid

This adds [`clip-path`](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path), which replaces the deprecated `clip`.

thewilkybarkid

Some Grid Layout shorthands are missing

2

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.

Destiner

#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...

desjardinsm