UNPKG

@opentiny/vue-theme

Version:

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

1 lines 1.43 kB
.tiny-dept{--tv-Dept-label-font-size:var(--tv-font-size-default, 14px);--tv-Dept-label-text-color:var(--tv-color-text, #191919);--tv-Dept-label-font-weight:var(--tv-font-weight-bold, 600);--tv-Dept-selected-info-text-color:var(--tv-color-text, #191919);--tv-Dept-selected-info-bg-color:var(--tv-color-bg-active, #f5f5f5);--tv-Dept-selected-info-border-radius:var(--tv-border-radius-md, 6px)}.tiny-dept__search{margin-bottom:24px}.tiny-dept__label{width:80px;font-size:var(--tv-Dept-label-font-size);color:var(--tv-Dept-label-text-color);font-weight:var(--tv-Dept-label-font-weight);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-dept__label.is-selected{text-align:left;margin-bottom:4px}.tiny-dept__selected-info{color:var(--tv-Dept-selected-info-text-color);font-size:var(--tv-Dept-label-font-size);background:var(--tv-Dept-selected-info-bg-color);padding:5px;border-radius:var(--tv-Dept-selected-info-border-radius)}.tiny-dept__item{margin-bottom:24px}.tiny-dept__item .tiny-dept__label.tiny-col,.tiny-dept__search .tiny-dept__label.tiny-col{line-height:30px;padding-left:0;padding-right:8px}.tiny-dept__item .tiny-dept__label.tiny-col+.tiny-col,.tiny-dept__search .tiny-dept__label.tiny-col+.tiny-col{padding:0}.tiny-dept .tiny-input__inner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-dept .tiny-input__icon{vertical-align:middle;fill:var(--tv-Dept-selected-info-text-color)}