tdesign-react/es/space/style/index.css

TDesign Component for React

.t-space {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.t-space .t-space-item {
  width: inherit;
}
.t-space-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.t-space-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.t-space-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.t-space-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-space-vertical > .t-space-item-separator {
  width: 100%;
}
.t-space.t-space--break-line {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.t-space.t-space--polyfill {
  display: -webkit-box;
  display: -ms-flexbox;
  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);
}