Fix margin utilities picturepan2#250

trilbymedia · Aug 16, 2017 · e1889c8 · e1889c8
1 parent f9e4d64
commit e1889c8
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 28 deletions.
diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
@@ -3039,50 +3039,50 @@ a.text-error:hover {
   margin-right: auto;
 }
 .m-1 {
-  padding: .2rem;
+  margin: .2rem;
 }
 .mb-1 {
-  padding-bottom: .2rem;
+  margin-bottom: .2rem;
 }
 .ml-1 {
-  padding-left: .2rem;
+  margin-left: .2rem;
 }
 .mr-1 {
-  padding-right: .2rem;
+  margin-right: .2rem;
 }
 .mt-1 {
-  padding-top: .2rem;
+  margin-top: .2rem;
 }
 .mx-1 {
-  padding-left: .2rem;
-  padding-right: .2rem;
+  margin-left: .2rem;
+  margin-right: .2rem;
 }
 .my-1 {
-  padding-bottom: .2rem;
-  padding-top: .2rem;
+  margin-bottom: .2rem;
+  margin-top: .2rem;
 }
 .m-2 {
-  padding: .4rem;
+  margin: .4rem;
 }
 .mb-2 {
-  padding-bottom: .4rem;
+  margin-bottom: .4rem;
 }
 .ml-2 {
-  padding-left: .4rem;
+  margin-left: .4rem;
 }
 .mr-2 {
-  padding-right: .4rem;
+  margin-right: .4rem;
 }
 .mt-2 {
-  padding-top: .4rem;
+  margin-top: .4rem;
 }
 .mx-2 {
-  padding-left: .4rem;
-  padding-right: .4rem;
+  margin-left: .4rem;
+  margin-right: .4rem;
 }
 .my-2 {
-  padding-bottom: .4rem;
-  padding-top: .4rem;
+  margin-bottom: .4rem;
+  margin-top: .4rem;
 }
 .p-1 {
   padding: .2rem;

diff --git a/docs/dist/spectre.min.css b/docs/dist/spectre.min.css
diff --git a/src/mixins.less b/src/mixins.less
@@ -53,27 +53,27 @@
 // Position utility mixin
 .margin-variant(@size: 1) {
   .m-@{size} {
-    padding: @size * @unit-1;
+    margin: @size * @unit-1;
   }
   .mb-@{size} {
-    padding-bottom: @size * @unit-1;
+    margin-bottom: @size * @unit-1;
   }
   .ml-@{size} {
-    padding-left: @size * @unit-1;
+    margin-left: @size * @unit-1;
   }
   .mr-@{size} {
-    padding-right: @size * @unit-1;
+    margin-right: @size * @unit-1;
   }
   .mt-@{size} {
-    padding-top: @size * @unit-1;
+    margin-top: @size * @unit-1;
   }
   .mx-@{size} {
-    padding-left: @size * @unit-1;
-    padding-right: @size * @unit-1;
+    margin-left: @size * @unit-1;
+    margin-right: @size * @unit-1;
   }
   .my-@{size} {
-    padding-bottom: @size * @unit-1;
-    padding-top: @size * @unit-1;
+    margin-bottom: @size * @unit-1;
+    margin-top: @size * @unit-1;
   }
 }