add start & end helpers

zahinafsar · Jun 4, 2024 · cf84e0c · cf84e0c
1 parent 79e7fe8
commit cf84e0c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/src/styles/margin.js b/src/styles/margin.js
@@ -43,6 +43,18 @@ const prefix = [
       "margin-bottom": value,
     }),
   },
+  {
+    name: "ms",
+    generator: (value) => ({
+      "margin-inline-start": value,
+    }),
+  },
+  {
+    name: "me",
+    generator: (value) => ({
+      "margin-inline-end": value,
+    }),
+  },
 ];
 
 const marginValue = Array.from({ length: 17 }).map((_, i) => ({

diff --git a/src/styles/padding.js b/src/styles/padding.js
@@ -43,6 +43,18 @@ const prefix = [
       "padding-bottom": value,
     }),
   },
+  {
+    name: "ps",
+    generator: (value) => ({
+      "padding-inline-start": value,
+    }),
+  },
+  {
+    name: "pe",
+    generator: (value) => ({
+      "padding-inline-end": value,
+    }),
+  },
 ];
 
 const paddingValue = Array.from({ length: 17 }).map((_, i) => ({