element-gui
Version:
A Component Library for Vue.js.
1 lines • 5.98 kB
CSS
.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-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-collapse{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}.el-collapse.is-trigger .el-collapse-item__header{cursor:initial}.el-collapse.is-trigger .el-collapse-item__icon{cursor:pointer}.el-collapse.is-card{border:none}.el-collapse.is-card .el-collapse-item+.el-collapse-item{margin-top:10px}.el-collapse.is-card .el-collapse-item{padding:0 10px;border:1px solid #d2d2d2;box-shadow:0 2px 10px 0 rgba(0,0,0,.16);border-radius:4px}.el-collapse.is-card .el-collapse-item.is-active .el-collapse-item__header{border-bottom:1px solid #d2d2d2}.el-collapse.is-card .el-collapse-item__header,.el-collapse.is-card .el-collapse-item__wrap{border-bottom:none}.el-collapse.is-card .el-collapse-item__content{padding:10px 0}.el-collapse-item.is-disabled .el-collapse-item__header{color:#666;cursor:not-allowed}.el-collapse-item.is-disabled .el-collapse-item__header:hover .el-collapse-item__icon{color:#666}.el-collapse-item.is-disabled .el-collapse-item__icon{color:#333;cursor:not-allowed}.el-collapse-item.is-disabled .el-collapse-item__icon:hover{color:#333}.el-collapse-item__header{position:relative;display:flex;align-items:center;min-height:45px;line-height:45px;background-color:#fff;color:#333;cursor:pointer;border-bottom:1px solid #d2d2d2;font-size:14px;font-weight:700;transition:border-bottom-color .3s;outline:0}.el-collapse-item__title{font-style:normal;display:inline-block;width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-collapse-item__icon{position:absolute;top:50%;right:8px;line-height:normal;margin-top:-8px;transition:color .3s;font-style:normal;font-weight:400}.el-collapse-item__arrow{margin-left:5px;transition:transform .3s;font-weight:400;font-size:10px;position:relative;top:-2px}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover),.el-collapse-item__header:hover .el-collapse-item__icon{color:#1890ff}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;box-sizing:border-box;border-bottom:1px solid #d2d2d2}.el-collapse-item__content{padding-bottom:25px;font-size:14px;color:#333;line-height:22px}.el-collapse-item:last-child{margin-bottom:-1px}