Merge pull request #37 from kutsan/move-border-properties

Move border properties to box-model group
kutsan · Jan 7, 2025 · a506cd6 · a506cd6
2 parents e8980b0 + 8b7fd56
commit a506cd6
Show file tree

Hide file tree

Showing 3 changed files with 62 additions and 62 deletions.
diff --git a/src/groups/appearance.js b/src/groups/appearance.js
@@ -31,65 +31,6 @@ const appearance = [
   'backdrop-filter',
   '-webkit-box-decoration-break',
   'box-decoration-break',
-  'border',
-  'border-color',
-  'border-style',
-  'border-width',
-  'border-top',
-  'border-top-color',
-  'border-top-style',
-  'border-top-width',
-  'border-right',
-  'border-right-color',
-  'border-right-style',
-  'border-right-width',
-  'border-bottom',
-  'border-bottom-color',
-  'border-bottom-style',
-  'border-bottom-width',
-  'border-left',
-  'border-left-color',
-  'border-left-style',
-  'border-left-width',
-  'border-block',
-  'border-block-color',
-  'border-block-style',
-  'border-block-width',
-  '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-color',
-  'border-inline-style',
-  'border-inline-width',
-  '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-radius',
-  'border-top-left-radius',
-  'border-top-right-radius',
-  'border-bottom-right-radius',
-  'border-bottom-left-radius',
-  'border-start-start-radius',
-  'border-start-end-radius',
-  'border-end-start-radius',
-  'border-end-end-radius',
-  'border-image',
-  'border-image-source',
-  'border-image-slice',
-  'border-image-width',
-  'border-image-outset',
-  'border-image-repeat',
   'outline',
   'outline-color',
   'outline-style',

diff --git a/src/groups/box-model.js b/src/groups/box-model.js
@@ -34,7 +34,66 @@ const boxModel = [
   'padding-block-end',
   'padding-inline',
   'padding-inline-start',
-  'padding-inline-end'
+  'padding-inline-end',
+  'border',
+  'border-color',
+  'border-style',
+  'border-width',
+  'border-top',
+  'border-top-color',
+  'border-top-style',
+  'border-top-width',
+  'border-right',
+  'border-right-color',
+  'border-right-style',
+  'border-right-width',
+  'border-bottom',
+  'border-bottom-color',
+  'border-bottom-style',
+  'border-bottom-width',
+  'border-left',
+  'border-left-color',
+  'border-left-style',
+  'border-left-width',
+  'border-block',
+  'border-block-color',
+  'border-block-style',
+  'border-block-width',
+  '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-color',
+  'border-inline-style',
+  'border-inline-width',
+  '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-radius',
+  'border-top-left-radius',
+  'border-top-right-radius',
+  'border-bottom-right-radius',
+  'border-bottom-left-radius',
+  'border-start-start-radius',
+  'border-start-end-radius',
+  'border-end-start-radius',
+  'border-end-end-radius',
+  'border-image',
+  'border-image-source',
+  'border-image-slice',
+  'border-image-width',
+  'border-image-outset',
+  'border-image-repeat'
 ]
 
 module.exports = { boxModel }
diff --git a/test/test.css b/test/test.css
@@ -43,13 +43,13 @@ body.theme-dark {
 }
 
 .alert-success {
-  background-color: #bfb;
   border: 1px solid #4f4;
+  background-color: #bfb;
 }
 
 .alert-error {
-  background-color: #fbb;
   border: 1px solid #f44;
+  background-color: #fbb;
 }
 
 .product-list {