element-gui
Version:
A Component Library for Vue.js.
1 lines • 11.1 kB
CSS
@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.el-zoom-in-center-enter,.el-zoom-in-center-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0;pointer-events:none}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0);pointer-events:none}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0);pointer-events:none}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45);pointer-events:none}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px);pointer-events:none}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}@keyframes zoom-enter{from{transform:scale3d(.3,.3,.3);opacity:0}}.el-zoom-enter-active{animation:zoom-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes zoom-leave{to{transform:scale3d(.3,.3,.3);opacity:0}}.el-zoom-leave-active{animation:zoom-leave both;animation-duration:.3s}@keyframes slideUp-enter{from{transform:translate3d(0,5%,0);opacity:0}}.el-slide-up-enter-active{animation:slideUp-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideUp-leave{to{transform:translate3d(0,5%,0);opacity:0}}.el-slide-up-leave-active{animation:slideUp-leave both;animation-duration:.3s}@keyframes slideDown-enter{from{transform:translate3d(0,-5%,0);opacity:0}}.el-slide-down-enter-active{animation:slideDown-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideDown-leave{to{transform:translate3d(0,-5%,0);opacity:0}}.el-slide-down-leave-active{animation:slideDown-leave both;animation-duration:.3s}@keyframes slideLeft-enter{from{transform:translate3d(-10%,0,0);opacity:0}}.el-slide-left-enter-active{animation:slideLeft-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideLeft-leave{to{transform:translate3d(-10%,0,0);opacity:0}}.el-slide-left-leave-active{animation:slideLeft-leave both;animation-duration:.3s}@keyframes slideRight-enter{from{transform:translate3d(10%,0,0);opacity:0}}.el-slide-right-enter-active{animation:slideRight-enter both cubic-bezier(.4,0,0,1.5);animation-duration:.3s}@keyframes slideRight-leave{to{transform:translate3d(10%,0,0);opacity:0}}.el-slide-right-leave-active{animation:slideRight-leave both;animation-duration:.3s}.el-checkbox{color:#333;font-weight:400;font-size:14px;line-height:inherit;cursor:pointer;vertical-align:bottom;user-select:none;margin-right:20px}.el-checkbox.is-bordered{padding:7px 20px 7px 10px;border-radius:2px;border:1px solid #d2d2d2;box-sizing:border-box;height:34px;line-height:1;vertical-align:bottom}.el-checkbox.is-bordered.is-checked{border-color:#1890ff}.el-checkbox.is-bordered.is-disabled{border-color:#d2d2d2;cursor:not-allowed}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#efefef;border-color:#999;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#666}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#efefef;border-color:#999}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#999}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#efefef;border-color:#999}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#999;border-color:#999}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#666;cursor:not-allowed}.el-tree,.el-tree__empty-text{color:#333}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#1890ff;border-color:#1890ff}.el-checkbox__input.is-checked .el-checkbox__inner::after{transform:rotate(45deg) scaleY(1);border-color:#fff}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1890ff}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1890ff;border-color:#1890ff}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:"";position:absolute;display:block;background-color:#fff;height:4px;transform:scale(.6);left:0;right:0;top:4px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #999;border-radius:2px;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1890ff}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:0;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.el-checkbox--mini .is-indeterminate .el-checkbox__inner::before,.el-checkbox--small .is-indeterminate .el-checkbox__inner::before{top:3px}.el-checkbox--medium.is-bordered{padding:7px 20px 7px 10px;border-radius:2px;height:32px}.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox--small.is-bordered{padding:0 15px 0 10px;border-radius:1px;height:30px;line-height:30px}.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px;left:3px}.el-checkbox--mini.is-bordered{padding:0 15px 0 10px;border-radius:1px;height:28px;line-height:28px}.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px;left:3px}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__original:focus-visible+.el-checkbox__inner{outline-offset:1px;outline:#1890ff solid 1px}.el-checkbox__label{display:inline-block;padding-left:5px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-group{font-size:0;display:inline-block;vertical-align:bottom}.el-tree.is-line .el-tree-node__expand-icon.is-leaf,.el-tree.is-line.el-tree>.el-tree-node:after,.el-tree.is-line.el-tree>.el-tree-node:before{display:none}.el-tree{position:relative;cursor:default;background:#fff}.el-tree__empty-block{position:relative;padding:6px 0;margin:10px 0;text-align:center;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#1890ff}.el-tree.is-line.el-tree>.el-tree-node{padding-left:0}.el-tree.is-line .el-tree-node{position:relative;padding-left:20px}.el-tree.is-line .el-tree-node:after,.el-tree.is-line .el-tree-node:before{content:"";left:-4px;position:absolute;right:auto;border-width:1px}.el-tree.is-line .el-tree-node:before{border-left:1px dashed #d2d2d2;bottom:0;height:100%;top:-20px;width:1px}.el-tree.is-line .el-tree-node:after{border-top:1px dashed #d2d2d2;height:20px;top:17px;width:16px}.el-tree.is-line .el-tree-node__children{padding-left:16px}.el-tree.is-line .el-tree-node :last-child:before{height:38px}.el-tree--medium .el-tree-node__content{height:32px}.el-tree--small.is-line .el-tree-node:before{top:-23px}.el-tree--small.is-line .el-tree-node:after{top:15px}.el-tree--small .el-tree-node__content{font-size:12px;height:30px}.el-tree--small .el-tree-node__label{font-size:12px}.el-tree--mini.is-line .el-tree-node:before{top:-23px}.el-tree--mini.is-line .el-tree-node:after{top:14px}.el-tree--mini .el-tree-node__content{font-size:12px;height:28px}.el-tree--mini .el-tree-node__label{font-size:12px}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#e8f4ff}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#1890ff;color:#fff}.el-tree-node__content{display:flex;align-items:center;height:34px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:#e8f4ff;color:#333}.el-tree-node__content:hover .el-tree-node__expand-icon{color:#333}.el-tree-node__content:hover .el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{position:relative;top:1px;cursor:pointer;color:#666;font-size:10px;transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__label.is-ellipsis{width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-tree-node__label em{font-style:normal}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#666}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#e8f4ff;color:#1890ff}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:#1890ff}