fix: add back x/y margin negative classes (#939)

See https://stackexchange.slack.com/archives/CSDC0GP2S/p1652303858695829
StackExchange · May 12, 2022 · b419985 · b419985
1 parent ccf694b
commit b419985
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/lib/css/atomic/spacing.less b/lib/css/atomic/spacing.less
@@ -162,11 +162,21 @@ body {
     1 2 4 6 8 12 16 24 32 48 64 96 128
 );
 
+#stacks-internals #build-classes(
+    '.mxn', { .template(@value) { margin-left: calc(var(~"--su@{value}") * -1) !important; margin-right: calc(var(~"--su@{value}") * -1) !important; } },
+    1 2 4 6 8 12 16 24 32 48 64 96 128
+);
+
 #stacks-internals #build-classes(
     '.my', { .template(@value) { margin-top: var(~"--su@{value}") !important; margin-bottom: var(~"--su@{value}") !important; } },
     1 2 4 6 8 12 16 24 32 48 64 96 128
 );
 
+#stacks-internals #build-classes(
+    '.myn', { .template(@value) { margin-top: calc(var(~"--su@{value}") * -1) !important; margin-bottom: calc(var(~"--su@{value}") * -1) !important; } },
+    1 2 4 6 8 12 16 24 32 48 64 96 128
+);
+
 //  ============================================================================
 //  $   PADDING
 //  ----------------------------------------------------------------------------