From bdda77e78b3540be224a273a234e69dfab2fdd9b Mon Sep 17 00:00:00 2001
From: Lior Haim <lior@dotcore.co.il>
Date: Sun, 26 Apr 2020 19:30:17 +0000
Subject: [PATCH] Using CSS logical properties in space-x utilities

---
 src/plugins/space.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/plugins/space.js b/src/plugins/space.js
index d775f1b33f98..595dcd4bea45 100644
--- a/src/plugins/space.js
+++ b/src/plugins/space.js
@@ -12,8 +12,10 @@ export default function() {
         },
         [`.${e(prefixNegativeModifiers('space-x', modifier))} > :not(template) ~ :not(template)`]: {
           '--space-x-reverse': '0',
-          'margin-right': `calc(${size === '0' ? '0px' : size} * var(--space-x-reverse))`,
-          'margin-left': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--space-x-reverse)))`,
+          'margin-inline-end': `calc(${size === '0' ? '0px' : size} * var(--space-x-reverse))`,
+          'margin-inline-start': `calc(${
+            size === '0' ? '0px' : size
+          } * calc(1 - var(--space-x-reverse)))`,
         },
       }),
     ]