Add Grid offset, more margin and padding utilities

1 files changed, 34 insertions, 34 deletions

diff --git a/src/mixins.less b/src/mixins.less
index 62f0371..8b0f817 100644
--- a/src/mixins.less
+++ b/src/mixins.less
@@ -51,55 +51,55 @@
 }
 
 // Position utility mixin
-.margin-variant(@size: 1) {
-  .m-@{size} {
-    margin: @size * @unit-1;
+.margin-variant(@id: 1, @size: 1) {
+  .m-@{id} {
+    margin: @size;
   }
-  .mb-@{size} {
-    margin-bottom: @size * @unit-1;
+  .mb-@{id} {
+    margin-bottom: @size;
   }
-  .ml-@{size} {
-    margin-left: @size * @unit-1;
+  .ml-@{id} {
+    margin-left: @size;
   }
-  .mr-@{size} {
-    margin-right: @size * @unit-1;
+  .mr-@{id} {
+    margin-right: @size;
   }
-  .mt-@{size} {
-    margin-top: @size * @unit-1;
+  .mt-@{id} {
+    margin-top: @size;
   }
-  .mx-@{size} {
-    margin-left: @size * @unit-1;
-    margin-right: @size * @unit-1;
+  .mx-@{id} {
+    margin-left: @size;
+    margin-right: @size;
   }
-  .my-@{size} {
-    margin-bottom: @size * @unit-1;
-    margin-top: @size * @unit-1;
+  .my-@{id} {
+    margin-bottom: @size;
+    margin-top: @size;
   }
 }
 
-.padding-variant(@size: 1) {
-  .p-@{size} {
-    padding: @size * @unit-1;
+.padding-variant(@id: 1, @size: 1) {
+  .p-@{id} {
+    padding: @size;
   }
-  .pb-@{size} {
-    padding-bottom: @size * @unit-1;
+  .pb-@{id} {
+    padding-bottom: @size;
   }
-  .pl-@{size} {
-    padding-left: @size * @unit-1;
+  .pl-@{id} {
+    padding-left: @size;
   }
-  .pr-@{size} {
-    padding-right: @size * @unit-1;
+  .pr-@{id} {
+    padding-right: @size;
   }
-  .pt-@{size} {
-    padding-top: @size * @unit-1;
+  .pt-@{id} {
+    padding-top: @size;
   }
-  .px-@{size} {
-    padding-left: @size * @unit-1;
-    padding-right: @size * @unit-1;
+  .px-@{id} {
+    padding-left: @size;
+    padding-right: @size;
   }
-  .py-@{size} {
-    padding-bottom: @size * @unit-1;
-    padding-top: @size * @unit-1;
+  .py-@{id} {
+    padding-bottom: @size;
+    padding-top: @size;
   }
 }