🎁 Add aspect-ratio and logical properties (#257)

Co-authored-by: Jeff <[email protected]>
stormwarning · Nov 8, 2021 · 73eb83f · 73eb83f
1 parent d3567be
commit 73eb83f
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/.changeset/ten-wombats-cheer.md b/.changeset/ten-wombats-cheer.md
@@ -0,0 +1,6 @@
+---
+'stylelint-config-recess-order': minor
+---
+
+Add `aspect-ratio` and logical properties
+[CSS Logical Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties) control layout based on the writing mode.
diff --git a/index.js b/index.js
@@ -91,12 +91,25 @@ module.exports = {
                     'height',
                     'min-height',
                     'max-height',
+                    'aspect-ratio',
                     'padding',
+                    'padding-block',
+                    'padding-block-start',
+                    'padding-block-end',
+                    'padding-inline',
+                    'padding-inline-start',
+                    'padding-inline-end',
                     'padding-top',
                     'padding-right',
                     'padding-bottom',
                     'padding-left',
                     'margin',
+                    'margin-block',
+                    'margin-block-start',
+                    'margin-block-end',
+                    'margin-inline',
+                    'margin-inline-start',
+                    'margin-inline-end',
                     'margin-top',
                     'margin-right',
                     'margin-bottom',
@@ -237,6 +250,24 @@ module.exports = {
                     'border-color',
                     'border-style',
                     'border-width',
+                    'border-block',
+                    'border-block-start',
+                    'border-block-start-color',
+                    'border-block-start-style',
+                    'border-block-start-width',
+                    'border-block-end',
+                    'border-block-end-color',
+                    'border-block-end-style',
+                    'border-block-end-width',
+                    'border-inline',
+                    'border-inline-start',
+                    'border-inline-start-color',
+                    'border-inline-start-style',
+                    'border-inline-start-width',
+                    'border-inline-end',
+                    'border-inline-end-color',
+                    'border-inline-end-style',
+                    'border-inline-end-width',
                     'border-top',
                     'border-top-color',
                     'border-top-style',
@@ -254,6 +285,10 @@ module.exports = {
                     'border-left-style',
                     'border-left-width',
                     'border-radius',
+                    'border-start-start-radius',
+                    'border-start-end-radius',
+                    'border-end-start-radius',
+                    'border-end-end-radius',
                     'border-top-left-radius',
                     'border-top-right-radius',
                     'border-bottom-right-radius',