Summary Files Commits Branches @commit @diff @stats
path: root / src / mixins.less
diff options
context:
space:
mode:
1 files changed, 34 insertions, 34 deletions
-rw-r--r--src/mixins.less68
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;
}
}