@arco-design/web-react
Version:
Arco Design React UI Library.
1 lines • 6.2 kB
CSS
.arco-descriptions-table{width:100%;border-collapse:collapse}.arco-descriptions-table-layout-fixed table{table-layout:fixed}.arco-descriptions-title{font-size:16px;color:var(--color-text-1);font-weight:500;line-height:1.5715;margin-bottom:16px}.arco-descriptions-item,.arco-descriptions-item-label,.arco-descriptions-item-value{padding:0 4px 12px 0;text-align:left;box-sizing:border-box;font-size:14px;line-height:1.5715}.arco-descriptions-item-label{color:var(--color-text-3);font-weight:500;width:1px;white-space:nowrap}.arco-descriptions-table-layout-fixed .arco-descriptions-item-label{width:auto}.arco-descriptions-item-value{color:var(--color-text-1);font-weight:400}.arco-descriptions-item-label-inline,.arco-descriptions-item-value-inline{text-align:left;box-sizing:border-box;font-size:14px;line-height:1.5715}.arco-descriptions-item-label-inline{color:var(--color-text-3);font-weight:500;margin-bottom:2px}.arco-descriptions-item-value-inline{color:var(--color-text-1);font-weight:400}.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline{margin-right:4px}.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline,.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-value-inline{display:inline-block;margin-bottom:0}.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{padding:12px 20px}.arco-descriptions-border .arco-descriptions-body{border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);overflow:hidden}.arco-descriptions-border .arco-descriptions-row:not(:last-child){border-bottom:1px solid var(--color-neutral-3)}.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item,.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-label,.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-value{border-right:1px solid var(--color-neutral-3)}.arco-descriptions-border .arco-descriptions-item,.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-border .arco-descriptions-item-value{padding:7px 20px}.arco-descriptions-border .arco-descriptions-item-label{background-color:var(--color-fill-1)}.arco-descriptions-border .arco-descriptions-item-value:last-child{border-right:none}.arco-descriptions-border .arco-descriptions-item:last-child{border-right:none}.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child{border-right:none}.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value:first-child{padding-left:0}.arco-descriptions-size-mini .arco-descriptions-title{margin-bottom:6px}.arco-descriptions-size-mini .arco-descriptions-item-label,.arco-descriptions-size-mini .arco-descriptions-item-value{padding-bottom:2px;padding-right:20px;font-size:12px}.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-value{padding:3px 20px}.arco-descriptions-size-mini.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{padding:8px 20px}.arco-descriptions-size-small .arco-descriptions-title{margin-bottom:8px}.arco-descriptions-size-small .arco-descriptions-item-label,.arco-descriptions-size-small .arco-descriptions-item-value{padding-bottom:4px;padding-right:20px;font-size:14px}.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-value{padding:3px 20px}.arco-descriptions-size-small.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{padding:8px 20px}.arco-descriptions-size-medium .arco-descriptions-title{margin-bottom:12px}.arco-descriptions-size-medium .arco-descriptions-item-label,.arco-descriptions-size-medium .arco-descriptions-item-value{padding-bottom:8px;padding-right:20px;font-size:14px}.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-value{padding:5px 20px}.arco-descriptions-size-medium.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{padding:10px 20px}.arco-descriptions-size-large .arco-descriptions-title{margin-bottom:20px}.arco-descriptions-size-large .arco-descriptions-item-label,.arco-descriptions-size-large .arco-descriptions-item-value{padding-bottom:16px;padding-right:20px;font-size:14px}.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-value{padding:9px 20px}.arco-descriptions-size-large.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{padding:14px 20px}.arco-descriptions-rtl{direction:rtl}.arco-descriptions-rtl .arco-descriptions-item,.arco-descriptions-rtl .arco-descriptions-item-label,.arco-descriptions-rtl .arco-descriptions-item-value{text-align:right;padding:0 0 12px 4px}.arco-descriptions-rtl .arco-descriptions-item-label-inline,.arco-descriptions-rtl .arco-descriptions-item-value-inline{text-align:right}.arco-descriptions-rtl.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline{margin-right:0;margin-left:4px}.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item,.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value{border-left:1px solid var(--color-neutral-3);padding:7px 20px}.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value:last-child,.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item:last-child{border-left:none}.arco-descriptions-rtl.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child{border-left:none}.arco-descriptions-rtl.arco-descriptions-layout-vertical:not(.arco-descriptions-rtl.arco-descriptions-border) .arco-descriptions-item-value:first-child{padding-right:0}