tdesign-vue/es/descriptions/style/index.css

tdesign-vue

.t-descriptions {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-descriptions__header {
  color: var(--td-text-color-primary);
  font: var(--td-font-title-medium);
  margin-bottom: var(--td-comp-margin-m);
  font-weight: 600;
}
.t-descriptions__body {
  border-collapse: collapse;
  font: var(--td-font-body-medium);
  width: 100%;
}
.t-descriptions__body.t-size-l > tbody > tr > td {
  padding: var(--td-comp-paddingTB-l) 0;
}
.t-descriptions__body.t-size-m > tbody > tr > td {
  padding: var(--td-comp-paddingTB-m) 0;
}
.t-descriptions__body.t-size-s > tbody > tr > td {
  padding: var(--td-comp-paddingTB-s) 0;
}
.t-descriptions__body .t-descriptions__label {
  color: var(--td-text-color-placeholder);
}
.t-descriptions__body--fixed {
  table-layout: fixed;
}
.t-descriptions__body--border > tbody > tr > td {
  border: 1px solid var(--td-component-border);
}
.t-descriptions__body--border.t-size-l > tbody > tr > td {
  padding: var(--td-comp-paddingTB-l);
}
.t-descriptions__body--border.t-size-m > tbody > tr > td {
  padding: var(--td-comp-paddingLR-m) var(--td-comp-paddingLR-l);
}
.t-descriptions__body--border.t-size-s > tbody > tr > td {
  padding: var(--td-comp-paddingLR-s) var(--td-comp-paddingLR-l);
}
.t-descriptions__body--border .t-descriptions__label {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-descriptions__body--border .t-descriptions__label:hover {
  background-color: var(--td-bg-color-container-hover);
}