nutui-taro-upgrade/dist/packages/cascader/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs .nut-tabs__titles{display:flex;user-select:none;white-space:nowrap;flex-shrink:0;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0)}.nut-tabs .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-shrink:0}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text{text-align:center}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile,.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs .nut-tabs__titles-left{justify-content:flex-start}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles,.nut-tabs.horizontal>.nut-tabs__titles{flex-direction:row;height:var(--nut-tabs-horizontal-titles-height, 46px)}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__list,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__list{height:100%}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles.scrollable,.nut-tabs.horizontal>.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item{flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item-left,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item-left{flex:0 0 auto}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical>.nut-tabs__titles{flex-direction:column;height:auto;padding:10px 0;width:var(--nut-tabs-vertical-titles-width, 100px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__list{flex-direction:column}.nut-tabs.vertical>.nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto;height:auto}.nut-tabs.vertical>.nut-tabs__titles.scrollable .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item{min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:100%;height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{position:absolute;right:-8px;bottom:2px;left:auto;width:36px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item .nut-tabs__titles-item__smile{display:none}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px;display:block}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}.nut-tabs .nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-theme-dark .nut-tab-pane{background:var(--nut-dark-background2, #1b1b1b)}.nut-tab-pane{width:100%;flex-shrink:0;display:block;background-color:#fff;padding:24px 20px;box-sizing:border-box;overflow:auto;height:100%;word-break:break-all}.nut-tab-pane.inactive{overflow:visible;height:0}.nut-theme-dark .nut-cascader__bar{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414) !important}.nut-theme-dark .nut-cascader-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-cascader{width:100%;font-size:var(--nut-cascader-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-cascader-line-height, 22px)}.nut-cascader .nut-tab-pane{padding:0}.nut-cascader.nut-tabs.horizontal .nut-tabs__titles .nut-tabs__titles-item{flex:initial;padding:var(--nut-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabs__titles{padding:var(--nut-cascader-tabs-item-padding, 0 10px);background:#fff}.nut-cascader__bar{display:flex;justify-content:center;align-items:center;padding:var(--nut-cascader-bar-padding, 24px 20px 17px);text-align:center;font-weight:bold;line-height:var(--nut-cascader-bar-line-height, 20px);color:var(--nut-cascader-bar-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-cascader-bar-font-size, var(--nut-font-size-4, 18px))}.nut-cascader-pane{display:block;padding:0;margin:0;width:100%;padding-top:10px;height:342px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;padding:var(--nut-cascader-item-padding, 10px 20px);margin:0;cursor:pointer;font-size:var(--nut-cascader-item-font-size, var(--nut-font-size-2, 14px));color:var(--nut-cascader-item-color, var(--nut-title-color, #1a1a1a))}.nut-cascader-item__title{flex:1}.nut-cascader-item__icon-check{margin-left:10px;visibility:hidden}.nut-cascader-item__icon-loading{margin-left:10px}.nut-cascader-item.active:not(.disabled){color:var(--nut-cascader-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:var(--nut-cascader-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}