1 line
802 B
CSS
1 line
802 B
CSS
.modal{display:flex;flex-direction:column;box-shadow:2px 2px 20px 1px;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow:hidden}.modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3e50;opacity:.6;cursor:pointer}.modal-card{overflow-y:auto;overflow-x:hidden;background-color:bisque}.pop-enter-active,.pop-leave-active{transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear}.pop-enter,.pop-leave-to{opacity:0;transform:scale(.3) translateY(-50%)}.card{background-color:bisque;cursor:pointer}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:60px} |