fine-true/lib/modal/index.css

A small and beautiful Vue3 version of the UI Library

.fine-modal .fine-modal-content{max-width:100%;background:#fff;border-radius:3px;position:fixed;top:var(--fine-modal-position-top);left:0;right:0;z-index:var(--fine-modal-content-zindex);margin:auto}.fine-modal .fine-modal-head{padding:var(--fine-modal-head-padding);display:flex;align-items:center}.fine-modal .fine-modal-head .fine-modal-title{flex:1;font-size:var(--fine-modal-title-size);color:var(--fine-modal-title-color)}.fine-modal .fine-modal-head .fine-icon{font-size:var(--fine-modal-head-icon-size);margin-right:var(--fine-modal-head-icon-spacing);color:var(--fine-modal-head-icon-color);transition:color .25s}.fine-modal .fine-modal-head .fine-icon:hover{color:var(--fine-modal-head-icon-hover-color)}.fine-modal .fine-modal-head .fine-icon:last-child{margin-right:0}.fine-modal .fine-modal-body{padding:var(--fine-modal-body-padding);font-size:var(--fine-modal-body-size);color:var(--fine-modal-body-color)}.fine-modal .fine-modal-footer{padding:var(--fine-modal-footer-padding);text-align:right}.fine-modal .fine-modal-footer>*~*{margin-left:10px}.fine-fade-translateY-enter-active{transition:all .25s cubic-bezier(.78,.14,.15,.86)}.fine-fade-translateY-leave-active{transition:all .2s cubic-bezier(.78,.14,.15,.86)}.fine-fade-translateY-enter-from,.fine-fade-translateY-leave-to{transform:translateY(-15px) scale3d(.2,.2,.2);opacity:0}