top*
|
|
Steps |
top-0-m
|
.top-0-m {
top: 0;
}
|
|
top-1-m
|
.top-1-m {
top: var(--mg-sp-1);
}
|
|
top-2-m
|
.top-2-m {
top: var(--mg-sp-2);
}
|
|
top-3-m
|
.top-3-m {
top: var(--mg-sp-3);
}
|
|
top-4-m
|
.top-4-m {
top: var(--mg-sp-4);
}
|
|
top-5-m
|
.top-5-m {
top: var(--mg-sp-5);
}
|
|
top-6-m
|
.top-6-m {
top: var(--mg-sp-6);
}
|
|
top-7-m
|
.top-7-m {
top: var(--mg-sp-7);
}
|
|
top-8-m
|
.top-8-m {
top: var(--mg-sp-8);
}
|
|
top--1-m
|
.top--1-m {
top: calc(-1 * var(--mg-sp-1));
}
|
|
top--2-m
|
.top--2-m {
top: calc(-1 * var(--mg-sp-2));
}
|
|
top--3-m
|
.top--3-m {
top: calc(-1 * var(--mg-sp-3));
}
|
|
top--4-m
|
.top--4-m {
top: calc(-1 * var(--mg-sp-4));
}
|
|
top--5-m
|
.top--5-m {
top: calc(-1 * var(--mg-sp-5));
}
|
|
top--6-m
|
.top--6-m {
top: calc(-1 * var(--mg-sp-6));
}
|
|
top--7-m
|
.top--7-m {
top: calc(-1 * var(--mg-sp-7));
}
|
|
top--8-m
|
.top--8-m {
top: calc(-1 * var(--mg-sp-8));
}
|
|
left*
|
|
Steps |
left-0-m
|
.left-0-m {
left: 0;
}
|
|
left-1-m
|
.left-1-m {
left: var(--mg-sp-1);
}
|
|
left-2-m
|
.left-2-m {
left: var(--mg-sp-2);
}
|
|
left-3-m
|
.left-3-m {
left: var(--mg-sp-3);
}
|
|
left-4-m
|
.left-4-m {
left: var(--mg-sp-4);
}
|
|
left-5-m
|
.left-5-m {
left: var(--mg-sp-5);
}
|
|
left-6-m
|
.left-6-m {
left: var(--mg-sp-6);
}
|
|
left-7-m
|
.left-7-m {
left: var(--mg-sp-7);
}
|
|
left-8-m
|
.left-8-m {
left: var(--mg-sp-8);
}
|
|
left--1-m
|
.left--1-m {
left: calc(-1 * var(--mg-sp-1));
}
|
|
left--2-m
|
.left--2-m {
left: calc(-1 * var(--mg-sp-2));
}
|
|
left--3-m
|
.left--3-m {
left: calc(-1 * var(--mg-sp-3));
}
|
|
left--4-m
|
.left--4-m {
left: calc(-1 * var(--mg-sp-4));
}
|
|
left--5-m
|
.left--5-m {
left: calc(-1 * var(--mg-sp-5));
}
|
|
left--6-m
|
.left--6-m {
left: calc(-1 * var(--mg-sp-6));
}
|
|
left--7-m
|
.left--7-m {
left: calc(-1 * var(--mg-sp-7));
}
|
|
left--8-m
|
.left--8-m {
left: calc(-1 * var(--mg-sp-8));
}
|
|
right*
|
|
Steps |
right-0-m
|
.right-0-m {
right: 0;
}
|
|
right-1-m
|
.right-1-m {
right: var(--mg-sp-1);
}
|
|
right-2-m
|
.right-2-m {
right: var(--mg-sp-2);
}
|
|
right-3-m
|
.right-3-m {
right: var(--mg-sp-3);
}
|
|
right-4-m
|
.right-4-m {
right: var(--mg-sp-4);
}
|
|
right-5-m
|
.right-5-m {
right: var(--mg-sp-5);
}
|
|
right-6-m
|
.right-6-m {
right: var(--mg-sp-6);
}
|
|
right-7-m
|
.right-7-m {
right: var(--mg-sp-7);
}
|
|
right-8-m
|
.right-8-m {
right: var(--mg-sp-8);
}
|
|
right--1-m
|
.right--1-m {
right: calc(-1 * var(--mg-sp-1));
}
|
|
right--2-m
|
.right--2-m {
right: calc(-1 * var(--mg-sp-2));
}
|
|
right--3-m
|
.right--3-m {
right: calc(-1 * var(--mg-sp-3));
}
|
|
right--4-m
|
.right--4-m {
right: calc(-1 * var(--mg-sp-4));
}
|
|
right--5-m
|
.right--5-m {
right: calc(-1 * var(--mg-sp-5));
}
|
|
right--6-m
|
.right--6-m {
right: calc(-1 * var(--mg-sp-6));
}
|
|
right--7-m
|
.right--7-m {
right: calc(-1 * var(--mg-sp-7));
}
|
|
right--8-m
|
.right--8-m {
right: calc(-1 * var(--mg-sp-8));
}
|
|
bottom*
|
|
Steps |
bottom-0-m
|
.bottom-0-m {
bottom: 0;
}
|
|
bottom-1-m
|
.bottom-1-m {
bottom: var(--mg-sp-1);
}
|
|
bottom-2-m
|
.bottom-2-m {
bottom: var(--mg-sp-2);
}
|
|
bottom-3-m
|
.bottom-3-m {
bottom: var(--mg-sp-3);
}
|
|
bottom-4-m
|
.bottom-4-m {
bottom: var(--mg-sp-4);
}
|
|
bottom-5-m
|
.bottom-5-m {
bottom: var(--mg-sp-5);
}
|
|
bottom-6-m
|
.bottom-6-m {
bottom: var(--mg-sp-6);
}
|
|
bottom-7-m
|
.bottom-7-m {
bottom: var(--mg-sp-7);
}
|
|
bottom-8-m
|
.bottom-8-m {
bottom: var(--mg-sp-8);
}
|
|
bottom--1-m
|
.bottom--1-m {
bottom: calc(-1 * var(--mg-sp-1));
}
|
|
bottom--2-m
|
.bottom--2-m {
bottom: calc(-1 * var(--mg-sp-2));
}
|
|
bottom--3-m
|
.bottom--3-m {
bottom: calc(-1 * var(--mg-sp-3));
}
|
|
bottom--4-m
|
.bottom--4-m {
bottom: calc(-1 * var(--mg-sp-4));
}
|
|
bottom--5-m
|
.bottom--5-m {
bottom: calc(-1 * var(--mg-sp-5));
}
|
|
bottom--6-m
|
.bottom--6-m {
bottom: calc(-1 * var(--mg-sp-6));
}
|
|
bottom--7-m
|
.bottom--7-m {
bottom: calc(-1 * var(--mg-sp-7));
}
|
|
bottom--8-m
|
.bottom--8-m {
bottom: calc(-1 * var(--mg-sp-8));
}
|
|