cloud-ui.vusion/src/u-info-list-item.vue/module.css

Vusion Cloud UI

.root {
    position: relative;
    display: inline-block;
    padding: 16px 0 16px 20px;
    vertical-align: top;
    line-height: 24px;
    white-space: nowrap;
}

.root[column="1"] { width: 100% }
.root[column="2"] { width: 50% }
.root[column="3"] { width: 33.333% }
.root[column="4"] { width: 25% }

.root[label-size$="small"] .label { width: 80px;}
.root[label-size$="normal"] .label { width: 100px;}
.root[label-size$="large"] .label { width: 120px;}

.label {
    display: table-cell;
    padding-right: 20px;
    color: #999;
}

.value {
    display: table-cell;
    white-space: normal;
    word-break: break-all;
    color: #666;
}

.value[ellipsis] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 0;
}