jc-biz-components
Version:
jc component library based on Antd
64 lines (63 loc) • 1.44 kB
text/less
@import '../../style/variables.less';
@description-list-prefix-cls: ~"@{component-prefix}-description-list";
@description-prefix-cls: ~"@{component-prefix}-description";
:global {
.@{description-list-prefix-cls} {
.ant-row {
margin-bottom: -16px;
overflow: hidden;
}
&-title {
font-size: 14px;
color: @heading-color;
font-weight: 500;
margin-bottom: 16px;
}
&.small {
.ant-row {
margin-bottom: -8px;
}
.@{description-list-prefix-cls}-title {
margin-bottom: 12px;
color: @text-color;
}
.@{description-prefix-cls}-term,
.@{description-prefix-cls}-detail {
padding-bottom: 8px;
}
}
&.large {
.@{description-list-prefix-cls}-title {
font-size: 16px;
}
}
&.vertical {
.@{description-prefix-cls}-term {
padding-bottom: 8px;
display: block;
}
.@{description-prefix-cls}-detail {
display: block;
}
}
}
.@{description-prefix-cls} {
&-term {
line-height: 22px;
padding-bottom: 16px;
margin-right: 8px;
color: @heading-color;
white-space: nowrap;
display: table-cell;
}
&-detail {
line-height: 22px;
width: 100%;
padding-bottom: 16px;
color: @text-color;
display: table-cell;
word-wrap: break-word;
word-break: break-all;
}
}
}