.top | top: calc(var(--spacing) * var(--top)) | --top |
.[top] | top: var(--top) | --top |
.right | right: calc(var(--spacing) * var(--right)) | --right |
.[right] | right: var(--right) | --right |
.bottom | bottom: calc(var(--spacing) * var(--bottom)) | --bottom |
.[bottom] | bottom: var(--bottom) | --bottom |
.left | left: calc(var(--spacing) * var(--left)) | --left |
.[left] | left: var(--left) | --left |
.inset | inset: calc(var(--spacing) * var(--inset)) | --inset |
.[inset] | inset: var(--inset) | --inset |
.start | inset-inline-start: calc(var(--spacing) * var(--start)) | --start |
.[start] | inset-inline-start: var(--start) | --start |
.end | inset-inline-end: calc(var(--spacing) * var(--end)) | --end |
.[end] | inset-inline-end: var(--end) | --end |
.inset-x | inset-inline: calc(var(--spacing) * var(--inset-x)) | --inset-x |
.[inset-x] | inset-inline: var(--inset-x) | --inset-x |
.inset-y | inset-block: calc(var(--spacing) * var(--inset-y)) | --inset-y |
.[inset-y] | inset-block: var(--inset-y) | --inset-y |
.top-full | top: 100% | - |
.top-auto | top: auto | - |
.right-full | right: 100% | - |
.right-auto | right: auto | - |
.bottom-full | bottom: 100% | - |
.bottom-auto | bottom: auto | - |
.left-full | left: 100% | - |
.left-auto | left: auto | - |
.inset-full | inset: 100% | - |
.inset-auto | inset: auto | - |
.inset-x-full | inset-inline: 100% | - |
.inset-y-full | inset-block: 100% | - |
.start-full | inset-inline-start: 100% | - |
.end-full | inset-inline-end: 100% | - |