54 lines
1.4 KiB
CSS
54 lines
1.4 KiB
CSS
|
.bim-description {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
width: 100%;
|
|||
|
|
/* 默认字体大小和颜色 */
|
|||
|
|
font-size: var(--bim-desc-font-size, 14px);
|
|||
|
|
color: var(--bim-text-color, #333);
|
|||
|
|
/* 严格移除容器本身的 padding */
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bim-description-item {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: stretch;
|
|||
|
|
/* 严格移除 item 的 padding，完全由 label/value padding 控制 */
|
|||
|
|
padding: 0;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 边框模式 */
|
|||
|
|
.bim-description.is-bordered {
|
|||
|
|
border-bottom: none; /* 最后一项会补齐 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bim-description.is-bordered .bim-description-item {
|
|||
|
|
border-bottom: 1px solid var(--bim-border-color, #eee);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 标签样式 */
|
|||
|
|
.bim-description-label {
|
|||
|
|
color: var(--bim-desc-label-color, var(--bim-label-color, #666));
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
/* 默认 padding: 0 4px */
|
|||
|
|
padding: var(--bim-desc-label-padding, 4px 4px);
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center; /* 垂直居中 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 边框模式下的标签样式 */
|
|||
|
|
.bim-description.is-bordered .bim-description-label {
|
|||
|
|
border-right: 1px solid var(--bim-border-color, #eee);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 内容样式 */
|
|||
|
|
.bim-description-value {
|
|||
|
|
color: var(--bim-desc-value-color, var(--bim-value-color, #333));
|
|||
|
|
flex: 1;
|
|||
|
|
word-break: break-all;
|
|||
|
|
/* 默认 padding: 0 4px */
|
|||
|
|
padding: var(--bim-desc-value-padding, 4px 4px);
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|