tdesign-vue
Version:
47 lines (46 loc) • 1.09 kB
CSS
.t-space {
display: inline-flex;
}
.t-space .t-space-item {
width: inherit;
}
.t-space-align-start {
align-items: flex-start;
}
.t-space-align-end {
align-items: flex-end;
}
.t-space-align-baseline {
align-items: baseline;
}
.t-space-align-center {
align-items: center;
}
.t-space-vertical {
flex-direction: column;
}
.t-space-vertical > .t-space-item-separator {
width: 100%;
}
.t-space.t-space--break-line {
flex-wrap: wrap;
}
.t-space.t-space--polyfill {
display: flex;
}
.t-space.t-space--polyfill.t-space-horizontal,
.t-space.t-space--polyfill.t-space--break-line {
margin-left: calc(-1 * var(--td-space-column-gap, 0));
}
.t-space.t-space--polyfill.t-space-vertical,
.t-space.t-space--polyfill.t-space--break-line {
margin-top: calc(-1 * var(--td-space-row-gap, 0));
}
.t-space.t-space--polyfill.t-space-horizontal > *,
.t-space.t-space--polyfill.t-space--break-line > * {
margin-left: var(--td-space-column-gap);
}
.t-space.t-space--polyfill.t-space-vertical > *,
.t-space.t-space--polyfill.t-space--break-line > * {
margin-top: var(--td-space-row-gap);
}