meri-design-dev/dist/theme/DropGroup.css

基于vue框架的ui库

/*!
 * @meri-design-dev v0.0.13
 * (c) 2019-2020 wangyongcun
 * Released under the MIT License.
 * 2024-04-29 11:23:04
 */.selectDownUpExtend-enter-active{animation:selectDownUpExtend .3s}.selectDownUpExtend-leave-active{animation:selectDownUpExtend .3s reverse}.selectDownUpExtendTop-enter-active{animation:selectDownUpExtendTop .3s}.selectDownUpExtendTop-leave-active{animation:selectDownUpExtendTop .3s reverse}@-moz-keyframes selectDownUpExtend{0%{transform:translate3d(0,-8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@-webkit-keyframes selectDownUpExtend{0%{transform:translate3d(0,-8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@-o-keyframes selectDownUpExtend{0%{transform:translate3d(0,-8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@keyframes selectDownUpExtend{0%{transform:translate3d(0,-8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@-moz-keyframes selectDownUpExtendTop{0%{transform:translate3d(0,8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@-webkit-keyframes selectDownUpExtendTop{0%{transform:translate3d(0,8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@-o-keyframes selectDownUpExtendTop{0%{transform:translate3d(0,8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}@keyframes selectDownUpExtendTop{0%{transform:translate3d(0,8px,0);opacity:0;pointer-events:none}to{transform:translateZ(0);opacity:1;pointer-events:auto}}.p-drop-group{display:inline-block;vertical-align:middle;font-size:0;text-align:left}.p-drop-group-title{display:flex;align-items:center;cursor:pointer}.p-drop-group-title-content{font-size:14px}.p-drop-group-triangle{width:16px;height:16px;line-height:1}.p-drop-group-triangle svg{transition:transform .3s}.p-drop-group-triangle-rotate svg{transform:rotate(180deg)}.p-drop-group-show{position:relative}.p-drop-group-show:after{content:"";position:absolute;left:0;top:0;z-index:10;display:inline-block;opacity:0;width:100%;height:100%;cursor:pointer}.p-drop-group-light .p-drop-group-title-content{color:#1f2429}.p-drop-group-dark .p-drop-group-title-content{color:#fff}.p-drop-group-dark .p-drop-group-triangle svg path{fill:#246fe5}.p-drop-group-box{position:absolute;top:100%;outline:none;padding-top:8px;padding-bottom:8px;border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);min-width:120px;max-width:240px;max-height:246px;overflow-y:auto;z-index:7000;pointer-events:none}.p-drop-group-box .p-drop-item-title{padding-left:12px}.p-drop-group-box .p-drop-group-option,.p-drop-group-box .p-drop-item-title{padding-right:12px;height:38px;line-height:38px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p-drop-group-box .p-drop-group-option{padding-left:20px;width:100%;cursor:pointer}.p-drop-group-box .p-drop-group-option.p-drop-group-option-disable{cursor:not-allowed}.p-drop-group-box .p-drop-option-left{left:0}.p-drop-group-box .p-drop-option-right{right:0}.p-drop-group-box-light{background-color:#fff;border:1px solid #e4e5e7}.p-drop-group-box-light .p-drop-item-title{color:#8d9399}.p-drop-group-box-light .p-drop-group-option{color:#1f2429}.p-drop-group-box-light .p-drop-group-option:hover{background-color:#f5f6f7}.p-drop-group-box-light .p-drop-group-option.p-drop-group-option-selected{color:#246fe5;background-color:#d9ebff}.p-drop-group-box-light .p-drop-group-option.p-drop-group-option-disable{color:#c3c7cb}.p-drop-group-box-dark{background-color:#1034b2;border:1px solid #246fe5}.p-drop-group-box-dark .p-drop-group-option,.p-drop-group-box-dark .p-drop-item-title{color:#fff}.p-drop-group-box-dark .p-drop-group-option:hover{background-color:#1241bf}.p-drop-group-box-dark .p-drop-group-option.p-drop-group-option-selected{color:#ebf6ff;background-color:#1b4acc}.p-drop-group-box-dark .p-drop-group-option.p-drop-group-option-disable{color:#9fc9fb}