1 line
3.5 KiB
Plaintext
1 line
3.5 KiB
Plaintext
{"version":3,"sources":["webpack:///./src/components/modal/modal.css"],"names":[],"mappings":"AAAA,iBACI,eAEA,MACA,OACA,WACA,YACA,gCACA,cACA,2BAA6B,CAGjC,oBACI,mBACA,qBAAuB,CAG3B,sBACI,YACA,cACA,eACA,sBACA,kBACA,qCACA,wBACA,sCAA0C,CAG9C,mBACI,kBACA,mBACA,iBACA,+BAAiC,CAErC,sBACI,aAEA,WACA,SACA,gBACA,gBAAkB,CAEtB,4CACI,+CACA,eACA,YACA,YACA,UAAY,CAGhB,iBACI,iBACA,eAAiB,CAErB,uCACI,YACA,WACA,WACA,kBACA,qBACA,2BAA6B,CAEjC,mDACI,8CAAiD,CAErD,6CACI,8CAA2C,CAE/C,gDACI,8CAA8C,CAElD,+CACI,8CAA6C,CAGjD,mBACI,aACA,mBACA,yBACA,wBAGA,aAAe,CAEnB,yBACI,kBAAoB,CAGxB,2BACI,YACA,eAAiB,CAgBrB,2CACI,SAAW,CAGf,uFAEI,6BACA,oBAAsB,CACzB","file":"css/modal.css?77e42eace3ddaf9279a0d03b4a25a70b","sourcesContent":[".modal-form-mask {\r\n position: fixed;\r\n /*z-index: 9998;*/\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, .5);\r\n display: table;\r\n transition: opacity .2s ease;\r\n}\r\n\r\n.modal-form-wrapper {\r\n display: table-cell;\r\n vertical-align: middle;\r\n}\r\n\r\n.modal-form-container {\r\n width: 400px;\r\n margin: 0px auto;\r\n padding: 0 10px;\r\n background-color: #fff;\r\n border-radius: 2px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, .33);\r\n transition: all .3s ease;\r\n font-family: Helvetica, Arial, sans-serif;\r\n}\r\n\r\n.modal-form-header {\r\n padding: 12px 10px;\r\n padding-bottom: 6px;\r\n line-height: 24px;\r\n border-bottom: 1px solid #e6e6e6;\r\n}\r\n.modal-form-header h3 {\r\n margin-top: 0;\r\n /*color: #42b983;*/\r\n color: #000;\r\n margin: 0;\r\n font-size: 1.2em;\r\n line-height: 24px;\r\n}\r\n.modal-form-header .modal-form-close-button {\r\n background-image: url('./assets/close.png');\r\n cursor: pointer;\r\n float: right;\r\n height: 24px;\r\n width: 24px;\r\n}\r\n\r\n.modal-form-body {\r\n margin: 20px 10px;\r\n min-height: 60px;\r\n}\r\n.modal-form-body .modal-form-body-icon {\r\n height: 64px;\r\n width: 64px;\r\n float: left;\r\n margin-right: 20px;\r\n background-size: 64px;\r\n background-repeat: no-repeat;\r\n}\r\n.modal-form-body .modal-form-body-icon.information {\r\n background-image: url('./assets/information.png')\r\n}\r\n.modal-form-body .modal-form-body-icon.error {\r\n background-image: url('./assets/error.png')\r\n}\r\n.modal-form-body .modal-form-body-icon.question {\r\n background-image: url('./assets/question.png')\r\n}\r\n.modal-form-body .modal-form-body-icon.warning {\r\n background-image: url('./assets/warning.png')\r\n}\r\n\r\n.modal-form-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 4px 10px 16px 0;\r\n}\r\n.modal-form-footer {\r\n height: 26px\\0;\r\n}\r\n.modal-form-footer::after {\r\n box-sizing: inherit;\r\n}\r\n\r\n.modal-form-default-button {\r\n float: right;\r\n margin-left: 8px;\r\n}\r\n\r\n/*\r\n * The following styles are auto-applied to elements with\r\n * transition=\"modal\" when their visibility is toggled\r\n * by Vue.js.\r\n *\r\n * You can easily play with the modal transition by editing\r\n * these styles.\r\n */\r\n\r\n.modal-form-enter {\r\n opacity: 0;\r\n}\r\n\r\n.modal-form-leave-active {\r\n opacity: 0;\r\n}\r\n\r\n.modal-form-enter .modal-form-container,\r\n.modal-form-leave-active .modal-form-container {\r\n -webkit-transform: scale(1.1);\r\n transform: scale(1.1);\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/modal/modal.css"],"sourceRoot":""} |