use inline/block shorthands for margin and padding

Oliver Williams · Oliver Williams · commit d6ccf905f626 · 2021-12-11T12:43:27.000Z
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']],

Original file line number	Diff line number	Diff line change
`@@ -379,8 +379,8 @@ export let corePlugins = {`
`379`	`379`	`[`
`380`	`380`	`['m', ['margin']],`
`381`	`381`	`[`
`382`		`- ['mx', ['margin-left', 'margin-right']],`
`383`		`- ['my', ['margin-top', 'margin-bottom']],`
	`382`	`+ ['mx', ['margin-inline']],`
	`383`	`+ ['my', ['margin-block']],`
`384`	`384`	`],`
`385`	`385`	`[`
`386`	`386`	`['mt', ['margin-top']],`
`@@ -1491,8 +1491,8 @@ export let corePlugins = {`
`1491`	`1491`	`padding: createUtilityPlugin('padding', [`
`1492`	`1492`	`['p', ['padding']],`
`1493`	`1493`	`[`
`1494`		`- ['px', ['padding-left', 'padding-right']],`
`1495`		`- ['py', ['padding-top', 'padding-bottom']],`
	`1494`	`+ ['px', ['padding-inline']],`
	`1495`	`+ ['py', ['padding-block']],`
`1496`	`1496`	`],`
`1497`	`1497`	`[`
`1498`	`1498`	`['pt', ['padding-top']],`