aos-element/lib/theme-chalk/aos-drag-box.css

A Component Library for Vue.js.

.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.aos-drag-box{padding:16px;position:fixed;right:0;bottom:0;background:#fff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #F4F6F8;box-shadow:0 0 2px 2px #F4F6F8;cursor:pointer}.aos-drag-box .aos-drag-container{height:100%;width:100%;position:relative}.aos-drag-box .aos-drag-container .drag-header{position:relative;height:32px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aos-drag-box .aos-drag-container .drag-header .header{font-size:16px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aos-drag-box .aos-drag-container .drag-header .header .title{margin-right:16px}.aos-drag-box .aos-drag-container .drag-header .drag-close{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:0 8px 8px}.aos-drag-box .aos-drag-container .drag-header .drag-close .close{margin-left:16px}.aos-drag-box .aos-drag-container .drag-header .drag-close:hover{color:#409EFF}.aos-drag-box .aos-drag-container .drag-body{margin-top:8px;height:calc(100% - 90px);overflow-y:auto;position:relative}.aos-drag-box .aos-drag-container .drag-collapse{cursor:pointer;width:32px;height:32px;font-size:20px;position:absolute;right:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.aos-drag-box .aos-drag-container .drag-collapse .aos-drag-down-arrow{margin-left:8px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.aos-drag-box .aos-drag-container .drag-collapse .active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.aos-drag-box .aos-drag-container .drag-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;margin-top:8px;height:50px;bottom:0;left:0;right:0}