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.34 kB
.tiny-tall-storage{--tv-TallStorage-bg-color:var(--tv-color-bg-2, #ffffff);--tv-TallStorage-border-radius:var(--tv-border-radius-md, 6px);--tv-TallStorage-item-height:var(--tv-size-height-md, 32px);--tv-TallStorage-item-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-TallStorage-box-shadow:var(--tv-shadow-2-down, 0 2px 12px 0 rgba(0, 0, 0, 0.16));position:relative}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--tv-TallStorage-bg-color);-webkit-box-shadow:var(--tv-TallStorage-box-shadow);box-shadow:var(--tv-TallStorage-box-shadow);border-radius:var(--tv-TallStorage-border-radius);overflow:hidden;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none;overflow-y:auto;max-height:calc(var(--tv-TallStorage-item-height) * 5)}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--tv-TallStorage-item-height);line-height:var(--tv-TallStorage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--tv-TallStorage-item-bg-color-hover)}