meri-design/dist/theme/DropGroup.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.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%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-moz-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}.p-drop-group{display:inline-block;font-size:0;text-align:left;vertical-align:middle}.p-drop-group-title{align-items:center;cursor:pointer;display:flex}.p-drop-group-title-content{font-size:14px}.p-drop-group-triangle{height:16px;line-height:1;width:16px}.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:"";cursor:pointer;display:inline-block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.p-drop-group-light .p-drop-group-title-content{color:#1b2129}.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{border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);max-height:246px;max-width:240px;min-width:120px;outline:none;overflow-y:auto;padding-bottom:8px;padding-top:8px;pointer-events:none;position:absolute;top:100%;z-index:7000}.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{font-size:14px;height:38px;line-height:38px;overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.p-drop-group-box .p-drop-group-option{cursor:pointer;padding-left:20px;width:100%}.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 #e1e5eb}.p-drop-group-box-light .p-drop-item-title{color:#8b949e}.p-drop-group-box-light .p-drop-group-option{color:#1b2129}.p-drop-group-box-light .p-drop-group-option:hover{background-color:#f1f4f6}.p-drop-group-box-light .p-drop-group-option.p-drop-group-option-selected{background-color:#d9ebff;color:#246fe5}.p-drop-group-box-light .p-drop-group-option.p-drop-group-option-disable{color:#c4c9cf}.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{background-color:#1b4acc;color:#ebf6ff}.p-drop-group-box-dark .p-drop-group-option.p-drop-group-option-disable{color:#9fc9fb}