@bee-design/ui
Version:
Bee Design React UI Library.
1 lines • 17.8 kB
CSS
.bee-cascader .bee-cascader-view{color:var(--bee-color-text-1);background-color:var(--bee-color-fill-2);border:1px solid transparent}.bee-cascader:hover .bee-cascader-view{background-color:var(--bee-color-fill-3);border-color:transparent}.bee-cascader.bee-cascader-focused .bee-cascader-view{color:var(--bee-color-text-1);background-color:var(--bee-color-bg-2);border-color:rgb(var(--bee-primary-6));box-shadow:0 0 0 0 var(--bee-color-primary-light-2)}.bee-cascader .bee-cascader-arrow-icon,.bee-cascader .bee-cascader-clear-icon,.bee-cascader .bee-cascader-expand-icon,.bee-cascader .bee-cascader-loading-icon,.bee-cascader .bee-cascader-search-icon,.bee-cascader .bee-cascader-suffix-icon{color:var(--bee-color-text-2)}.bee-cascader-no-border .bee-cascader-view{border:none;background:0 0}.bee-cascader-error .bee-cascader-view{background-color:var(--bee-color-danger-light-1);border:1px solid transparent}.bee-cascader-error:hover .bee-cascader-view{background-color:var(--bee-color-danger-light-2);border-color:transparent}.bee-cascader-error.bee-cascader-focused .bee-cascader-view{color:var(--bee-color-text-1);background-color:var(--bee-color-bg-2);border-color:rgb(var(--bee-danger-6));box-shadow:0 0 0 0 var(--bee-color-danger-light-2)}.bee-cascader-no-border .bee-cascader-view{border:none;background:0 0}.bee-cascader-disabled .bee-cascader-view{color:var(--bee-color-text-4);background-color:var(--bee-color-fill-2);border:1px solid transparent}.bee-cascader-disabled:hover .bee-cascader-view{background-color:var(--bee-color-fill-2);border-color:transparent}.bee-cascader-disabled .bee-cascader-arrow-icon,.bee-cascader-disabled .bee-cascader-clear-icon,.bee-cascader-disabled .bee-cascader-expand-icon,.bee-cascader-disabled .bee-cascader-loading-icon,.bee-cascader-disabled .bee-cascader-search-icon,.bee-cascader-disabled .bee-cascader-suffix-icon{color:var(--bee-color-text-4)}.bee-cascader-no-border .bee-cascader-view{border:none;background:0 0}.bee-cascader-size-mini.bee-cascader-multiple .bee-cascader-view{height:auto;font-size:12px;padding:0 3px;line-height:0}.bee-cascader-size-mini.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-size-mini.bee-cascader-multiple .bee-input-tag-has-placeholder input{box-sizing:border-box;padding-left:4px}.bee-cascader-size-mini.bee-cascader-multiple .bee-cascader-suffix{padding-right:4px}.bee-cascader-size-mini.bee-cascader-multiple input{font-size:12px}.bee-cascader-size-mini.bee-cascader-single .bee-cascader-view{height:24px;line-height:22px;font-size:12px;padding:0 7px}.bee-cascader-size-mini.bee-cascader-single input{font-size:12px}.bee-cascader-size-mini.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:7px}.bee-cascader-size-small.bee-cascader-multiple .bee-cascader-view{height:auto;font-size:14px;padding:0 3px;line-height:0}.bee-cascader-size-small.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-size-small.bee-cascader-multiple .bee-input-tag-has-placeholder input{box-sizing:border-box;padding-left:8px}.bee-cascader-size-small.bee-cascader-multiple .bee-cascader-suffix{padding-right:8px}.bee-cascader-size-small.bee-cascader-multiple input{font-size:14px}.bee-cascader-size-small.bee-cascader-single .bee-cascader-view{height:28px;line-height:26px;font-size:14px;padding:0 11px}.bee-cascader-size-small.bee-cascader-single input{font-size:14px}.bee-cascader-size-small.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:11px}.bee-cascader-size-default.bee-cascader-multiple .bee-cascader-view{height:auto;font-size:14px;padding:0 3px;line-height:0}.bee-cascader-size-default.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-size-default.bee-cascader-multiple .bee-input-tag-has-placeholder input{box-sizing:border-box;padding-left:8px}.bee-cascader-size-default.bee-cascader-multiple .bee-cascader-suffix{padding-right:8px}.bee-cascader-size-default.bee-cascader-multiple input{font-size:14px}.bee-cascader-size-default.bee-cascader-single .bee-cascader-view{height:32px;line-height:30px;font-size:14px;padding:0 11px}.bee-cascader-size-default.bee-cascader-single input{font-size:14px}.bee-cascader-size-default.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:11px}.bee-cascader-size-large.bee-cascader-multiple .bee-cascader-view{height:auto;font-size:12px;padding:0 3px;line-height:0}.bee-cascader-size-large.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-size-large.bee-cascader-multiple .bee-input-tag-has-placeholder input{box-sizing:border-box;padding-left:12px}.bee-cascader-size-large.bee-cascader-multiple .bee-cascader-suffix{padding-right:12px}.bee-cascader-size-large.bee-cascader-multiple input{font-size:12px}.bee-cascader-size-large.bee-cascader-single .bee-cascader-view{height:36px;line-height:34px;font-size:12px;padding:0 15px}.bee-cascader-size-large.bee-cascader-single input{font-size:12px}.bee-cascader-size-large.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:15px}.bee-cascader{display:inline-block;position:relative;box-sizing:border-box;width:100%;cursor:pointer}.bee-cascader-view{display:flex;position:relative;box-sizing:border-box;width:100%;border-radius:var(--bee-border-radius-small);outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;transition:all .1s cubic-bezier(0,0,1,1),padding 0s linear}.bee-cascader-view input{color:inherit;cursor:inherit}.bee-cascader-view input::-webkit-input-placeholder{color:var(--bee-color-text-3)}.bee-cascader-view input::-moz-placeholder{color:var(--bee-color-text-3)}.bee-cascader-view input::-ms-input-placeholder{color:var(--bee-color-text-3)}.bee-cascader-view input::placeholder{color:var(--bee-color-text-3)}.bee-cascader-multiple,.bee-cascader-show-search{cursor:text}.bee-cascader-disabled{cursor:not-allowed}.bee-cascader-disabled .bee-cascader-view input::-webkit-input-placeholder{color:var(--bee-color-text-4)}.bee-cascader-disabled .bee-cascader-view input::-moz-placeholder{color:var(--bee-color-text-4)}.bee-cascader-disabled .bee-cascader-view input::-ms-input-placeholder{color:var(--bee-color-text-4)}.bee-cascader-disabled .bee-cascader-view input::placeholder{color:var(--bee-color-text-4)}.bee-cascader-single .bee-cascader-view-input{box-sizing:border-box;width:100%;padding:0;border:none;outline:0;background:0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bee-cascader-single .bee-cascader-view-selector{position:relative;display:inline-flex;box-sizing:border-box;width:100%;overflow:hidden}.bee-cascader-single .bee-cascader-view-selector .bee-cascader-view-input{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1}.bee-cascader-single .bee-cascader-view-selector .bee-cascader-view-value-mirror{opacity:0}.bee-cascader-single .bee-cascader-view-value{display:inline-block;box-sizing:border-box;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bee-cascader-single .bee-cascader-view-value::after{content:'.';font-size:0;line-height:0;visibility:hidden}.bee-cascader-single .bee-cascader-view .bee-cascader-hidden{opacity:0;position:absolute;pointer-events:none}.bee-cascader-multiple{vertical-align:top}.bee-cascader-multiple .bee-cascader-view{padding:0 4px;line-height:0}.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:12px}.bee-cascader-multiple .bee-input-tag{flex:1;padding:0;border:none;background:0 0;box-shadow:none;overflow:hidden}.bee-cascader-multiple .bee-tag{max-width:100%}.bee-cascader-multiple:not(.bee-cascader-focused) .bee-input-tag input:not(:first-child)[value='']{opacity:0;position:absolute;pointer-events:none}.bee-cascader-prefix{display:flex;align-items:center;margin-right:12px;white-space:nowrap;color:var(--bee-color-text-2)}.bee-cascader-suffix{display:flex;align-items:center;margin-left:4px}.bee-cascader-clear-icon,.bee-cascader-expand-icon,.bee-cascader-loading-icon,.bee-cascader-search-icon,.bee-cascader-suffix-icon{font-size:12px;transition:all .1s cubic-bezier(0,0,1,1)}.bee-cascader-arrow-icon{font-size:12px}.bee-cascader-open .bee-cascader-arrow-icon svg{transform:rotateZ(180deg)}.bee-cascader .bee-cascader-clear-icon{display:none;cursor:pointer}.bee-cascader .bee-cascader-clear-icon>svg{position:relative;transition:all .1s cubic-bezier(0,0,1,1)}.bee-cascader:hover .bee-cascader-clear-icon{display:block}.bee-cascader:hover .bee-cascader-clear-icon~*{display:none}.bee-cascader-wrapper{display:inline-flex;align-items:stretch}.bee-cascader-wrapper .bee-cascader{min-width:0}.bee-cascader-wrapper .bee-cascader:not(.bee-cascader-focused):not(:first-child) .bee-cascader-view{border-top-left-radius:0;border-bottom-left-radius:0}.bee-cascader-wrapper .bee-cascader:not(.bee-cascader-focused):not(:last-child) .bee-cascader-view{border-top-right-radius:0;border-bottom-right-radius:0}.bee-cascader-addbefore{display:flex;align-items:center;padding:0 12px;color:var(--bee-color-text-1);background-color:var(--bee-color-fill-2);white-space:nowrap;border:1px solid transparent}.bee-cascader-addbefore{border-right:1px solid var(--bee-color-border-2);border-top-left-radius:var(--bee-border-radius-small);border-bottom-left-radius:var(--bee-border-radius-small)}.bee-cascader-rtl.bee-cascader-size-mini.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:0;padding-right:7px}.bee-cascader-rtl.bee-cascader-size-mini.bee-cascader-multiple .bee-cascader-suffix{padding-right:0;padding-left:4px}.bee-cascader-rtl.bee-cascader-size-mini.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-rtl.bee-cascader-size-mini.bee-cascader-multiple .bee-input-tag-has-placeholder input{padding-left:0;padding-right:4px}.bee-cascader-rtl.bee-cascader-size-small.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:0;padding-right:11px}.bee-cascader-rtl.bee-cascader-size-small.bee-cascader-multiple .bee-cascader-suffix{padding-right:0;padding-left:8px}.bee-cascader-rtl.bee-cascader-size-small.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-rtl.bee-cascader-size-small.bee-cascader-multiple .bee-input-tag-has-placeholder input{padding-left:0;padding-right:8px}.bee-cascader-rtl.bee-cascader-size-default.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:0;padding-right:11px}.bee-cascader-rtl.bee-cascader-size-default.bee-cascader-multiple .bee-cascader-suffix{padding-right:0;padding-left:8px}.bee-cascader-rtl.bee-cascader-size-default.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-rtl.bee-cascader-size-default.bee-cascader-multiple .bee-input-tag-has-placeholder input{padding-left:0;padding-right:8px}.bee-cascader-rtl.bee-cascader-size-large.bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:0;padding-right:15px}.bee-cascader-rtl.bee-cascader-size-large.bee-cascader-multiple .bee-cascader-suffix{padding-right:0;padding-left:12px}.bee-cascader-rtl.bee-cascader-size-large.bee-cascader-multiple .bee-input-tag-has-placeholder .bee-input-tag-input-mirror,.bee-cascader-rtl.bee-cascader-size-large.bee-cascader-multiple .bee-input-tag-has-placeholder input{padding-left:0;padding-right:12px}.bee-cascader-wrapper-rtl .bee-cascader-addbefore{border-right:unset;border-left:1px solid var(--bee-color-border-2)}.bee-cascader-rtl .bee-cascader-view{text-align:right}.bee-cascader-rtl .bee-cascader-multiple .bee-cascader-view-with-prefix{padding-left:0;padding-right:12px}.bee-cascader-rtl .bee-cascader-prefix{margin-right:0;margin-left:12px}.bee-cascader-rtl .bee-cascader-suffix{margin-left:0;margin-right:4px}.bee-cascader-popup{top:4px;box-sizing:border-box;border:1px solid var(--bee-color-fill-3);border-radius:var(--bee-border-radius-medium);background-color:var(--bee-color-bg-popup);box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden}.bee-cascader-popup-trigger-hover .bee-cascader-list-item{transition:font-weight 0s}.bee-cascader-popup .bee-cascader-popup-inner{width:100%;white-space:nowrap;list-style:none;height:200px}.bee-cascader-highlight{font-weight:500}.bee-cascader-list-column{position:relative;vertical-align:top;display:inline-block;background-color:var(--bee-color-bg-popup);height:100%}.bee-cascader-list-column-virtual{width:120px}.bee-cascader-list-column:not(:last-of-type){border-right:1px solid var(--bee-color-fill-3)}.bee-cascader-list-wrapper{position:relative;white-space:nowrap;box-sizing:border-box;height:100%;display:flex;padding:4px 0;flex-direction:column}.bee-cascader-list-wrapper-with-footer{padding-bottom:0}.bee-cascader-list-empty{height:100%;display:flex;align-items:center}.bee-cascader-list{padding:0;margin:0;list-style:none;box-sizing:border-box;overflow-y:auto;flex:1}.bee-cascader-list-item,.bee-cascader-list-search-item{position:relative;height:36px;line-height:36px;min-width:100px;font-size:14px;color:var(--bee-color-text-1);box-sizing:border-box;display:flex;cursor:pointer;background-color:transparent}.bee-cascader-list-item-label,.bee-cascader-list-search-item-label{flex-grow:1;padding-left:12px;padding-right:34px}.bee-cascader-list-item .bee-icon-check,.bee-cascader-list-item .bee-icon-right,.bee-cascader-list-search-item .bee-icon-check,.bee-cascader-list-search-item .bee-icon-right{position:absolute;color:var(--bee-color-text-2);top:50%;font-size:12px;transform:translateY(-50%);right:10px}.bee-cascader-list-item .bee-icon-check,.bee-cascader-list-search-item .bee-icon-check{color:rgb(var(--bee-primary-6))}.bee-cascader-list-item .bee-icon-loading,.bee-cascader-list-search-item .bee-icon-loading{position:absolute;margin-top:-6px;top:50%;font-size:12px;right:10px;color:rgb(var(--bee-primary-6))}.bee-cascader-list-item:hover,.bee-cascader-list-search-item-hover{color:var(--bee-color-text-1);background-color:var(--bee-color-fill-2)}.bee-cascader-list-item:hover .bee-checkbox:not(.bee-checkbox-disabled):not(.bee-checkbox-checked):hover .bee-checkbox-icon-hover::before,.bee-cascader-list-search-item-hover .bee-checkbox:not(.bee-checkbox-disabled):not(.bee-checkbox-checked):hover .bee-checkbox-icon-hover::before{background-color:var(--bee-color-fill-3)}.bee-cascader-list-item-disabled,.bee-cascader-list-item-disabled:hover,.bee-cascader-list-search-item-disabled,.bee-cascader-list-search-item-disabled:hover{cursor:not-allowed;background-color:transparent;color:var(--bee-color-text-4)}.bee-cascader-list-item-disabled .bee-icon-right,.bee-cascader-list-item-disabled:hover .bee-icon-right,.bee-cascader-list-search-item-disabled .bee-icon-right,.bee-cascader-list-search-item-disabled:hover .bee-icon-right{color:inherit}.bee-cascader-list-item-disabled .bee-icon-check,.bee-cascader-list-item-disabled:hover .bee-icon-check,.bee-cascader-list-search-item-disabled .bee-icon-check,.bee-cascader-list-search-item-disabled:hover .bee-icon-check{color:var(--bee-color-primary-light-3)}.bee-cascader-list-item-active{transition:all .2s cubic-bezier(0,0,1,1);background-color:var(--bee-color-fill-2);color:var(--bee-color-text-1);font-weight:500}.bee-cascader-list-item-active:hover{background-color:var(--bee-color-fill-2);font-weight:500;color:var(--bee-color-text-1)}.bee-cascader-list-item-active.bee-cascader-list-item-disabled,.bee-cascader-list-item-active.bee-cascader-list-item-disabled:hover{background-color:var(--bee-color-fill-2);font-weight:500;color:var(--bee-color-text-4)}.bee-cascader-list-multiple .bee-cascader-list-item-label{padding-left:0}.bee-cascader-list-multiple .bee-cascader-list-item,.bee-cascader-list-multiple .bee-cascader-list-search-item{padding-left:12px}.bee-cascader-list-multiple .bee-cascader-list-item .bee-checkbox,.bee-cascader-list-multiple .bee-cascader-list-search-item .bee-checkbox{padding-left:0;margin-right:8px}.bee-cascader-list-search.bee-cascader-list-multiple .bee-cascader-list-item-label{padding-right:12px}.bee-cascader-list-footer{height:36px;line-height:36px;padding-left:12px;border-top:1px solid var(--bee-color-fill-3);box-sizing:border-box}.cascaderSlide-appear-active,.cascaderSlide-enter-active{transition:margin .3s cubic-bezier(.34,.69,.1,1)}.bee-cascader-list-column-rtl{direction:rtl}.bee-cascader-list-column-rtl:not(:last-of-type){border-left:1px solid var(--bee-color-fill-3);border-right:none}.bee-cascader-list-rtl .bee-cascader-list-item-label,.bee-cascader-list-rtl .bee-cascader-list-search-item-label{padding-left:34px;padding-right:12px}.bee-cascader-list-rtl .bee-cascader-list-item .bee-icon-check,.bee-cascader-list-rtl .bee-cascader-list-item .bee-icon-left,.bee-cascader-list-rtl .bee-cascader-list-search-item .bee-icon-check,.bee-cascader-list-rtl .bee-cascader-list-search-item .bee-icon-left{position:absolute;color:var(--bee-color-text-2);top:50%;font-size:12px;transform:translateY(-50%);right:initial;left:10px}.bee-cascader-list-rtl .bee-cascader-list-footer{padding-left:0;padding-right:12px}.bee-cascader-list-rtl.bee-cascader-multiple .bee-cascader-list-item-label{padding-right:0}.bee-cascader-list-rtl.bee-cascader-multiple .bee-cascader-list-item,.bee-cascader-list-rtl.bee-cascader-multiple .bee-cascader-list-search-item{padding-right:12px}.bee-cascader-list-rtl.bee-cascader-multiple .bee-cascader-list-item .bee-checkbox,.bee-cascader-list-rtl.bee-cascader-multiple .bee-cascader-list-search-item .bee-checkbox{padding-right:0;margin-left:8px}.bee-cascader-list-rtl.bee-cascader-multiple.bee-cascader-list-search .bee-cascader-list-item-label{padding-left:12px;padding-right:0}