use inline/block shorthands for margin and padding

tailwindlabs · Dec 11, 2021 · d6ccf90 · d6ccf90
1 parent 5d15dee
commit d6ccf90
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -379,8 +379,8 @@ export let corePlugins = {
     [
       ['m', ['margin']],
       [
-        ['mx', ['margin-left', 'margin-right']],
-        ['my', ['margin-top', 'margin-bottom']],
+        ['mx', ['margin-inline']],
+        ['my', ['margin-block']],
       ],
       [
         ['mt', ['margin-top']],
@@ -1491,8 +1491,8 @@ export let corePlugins = {
   padding: createUtilityPlugin('padding', [
     ['p', ['padding']],
     [
-      ['px', ['padding-left', 'padding-right']],
-      ['py', ['padding-top', 'padding-bottom']],
+      ['px', ['padding-inline']],
+      ['py', ['padding-block']],
     ],
     [
       ['pt', ['padding-top']],