From 41ec3e49d63ea45d8aee4f26eeccfedaa20a7f7d Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 17 Aug 2017 18:54:07 +0800
Subject: Add Grid offset, more margin and padding utilities

---
 src/mixins.less | 68 ++++++++++++++++++++++++++++-----------------------------
 1 file changed, 34 insertions(+), 34 deletions(-)

(limited to 'src/mixins.less')

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;
   }
 }
 
-- 
cgit v1.3.1-23-gd82d