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