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