bootstrap 5 dialog css

assets/css/bootstrap-dialog.css

@@ -1,169 +1,121 @@
-.bootstrap-dialog{
-	overflow-y: initial !important
-}
-.bootstrap-dialog-body{
-	max-height: calc(100vh - 200px);
-	overflow-y: auto;
-}
-
 .bootstrap-dialog {
-    /* dialog types */
+  /* dialog types */
-    /**
+  /**
-     * Icon animation
+   * Icon animation
-     * Copied from font-awesome: http://fontawesome.io/
+   * Copied from font-awesome: http://fontawesome.io/
-     **/
+   **/
-    /** End of icon animation **/
+  /** End of icon animation **/ }
-}
 
 .bootstrap-dialog .modal-header {
-    border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
+  border-top-right-radius: 4px; }
-}
 
 .bootstrap-dialog .bootstrap-dialog-title {
-    color: #fff;
+  color: #fff;
-    display: inline-block;
+  display: inline-block;
-    font-size: 16px;
+  font-size: 16px; }
-}
 
 .bootstrap-dialog .bootstrap-dialog-message {
-    font-size: 14px;
+  font-size: 14px; }
-}
 
 .bootstrap-dialog .bootstrap-dialog-button-icon {
-    margin-right: 3px;
+  margin-right: 3px; }
-}
 
 .bootstrap-dialog .bootstrap-dialog-close-button {
-    font-size: 20px;
+  float: right;
-    float: right;
+  opacity: 0.9;
-    opacity: 0.9;
+  filter: alpha(opacity=90); }
-    filter: alpha(opacity=90);
-}
 
 .bootstrap-dialog .bootstrap-dialog-close-button:hover {
-    cursor: pointer;
+  cursor: pointer;
-    opacity: 1;
+  opacity: 1;
-    filter: alpha(opacity=100);
+  filter: alpha(opacity=100); }
-}
 
 @media (min-width: 1172px) {
-    .bootstrap-dialog .modal-xl {
+  .bootstrap-dialog .modal-xl {
-        max-width: 95%;
+    max-width: 95%; } }
-    }
+
-}
 .bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {
-    margin-top: 8px;
+  margin-top: 8px; }
-}
 
 .bootstrap-dialog.type-default .modal-header {
-    background-color: #fff;
+  background-color: #fff; }
-}
 
 .bootstrap-dialog.type-default .bootstrap-dialog-title {
-    color: #333;
+  color: #333; }
-}
 
 .bootstrap-dialog.type-info .modal-header {
-    background-color: #17a2b8;
+  background-color: #17a2b8; }
-}
 
 .bootstrap-dialog.type-primary .modal-header {
-    background-color: #007bff;
+  background-color: #007bff; }
-}
 
 .bootstrap-dialog.type-secondary .modal-header {
-    background-color: #6c757d;
+  background-color: #6c757d; }
-}
 
 .bootstrap-dialog.type-success .modal-header {
-    background-color: #28a745;
+  background-color: #28a745; }
-}
 
 .bootstrap-dialog.type-warning .modal-header {
-    background-color: #ffc107;
+  background-color: #ffc107; }
-}
 
 .bootstrap-dialog.type-danger .modal-header {
-    background-color: #dc3545;
+  background-color: #dc3545; }
-}
 
 .bootstrap-dialog.type-light .modal-header {
-    background-color: #f8f9fa;
+  background-color: #f8f9fa; }
-}
 
 .bootstrap-dialog.type-dark .modal-header {
-    background-color: #343a40;
+  background-color: #343a40; }
-}
 
 .bootstrap-dialog.size-large .bootstrap-dialog-title {
-    font-size: 24px;
+  font-size: 24px; }
-}
 
 .bootstrap-dialog.size-large .bootstrap-dialog-close-button {
-    font-size: 30px;
+  font-size: 30px; }
-}
 
 .bootstrap-dialog.size-large .bootstrap-dialog-message {
-    font-size: 18px;
+  font-size: 18px; }
-}
 
 .bootstrap-dialog .icon-spin {
-    display: inline-block;
+  display: inline-block;
-    -moz-animation: spin 2s infinite linear;
+  -moz-animation: spin 2s infinite linear;
-    -o-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
-    -webkit-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
-    animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear; }
-}
 
 .bootstrap-dialog-footer-buttons {
-    display: flex;
+  display: flex; }
-}
 
 @-moz-keyframes spin {
-    0% {
+  0% {
-        -moz-transform: rotate(0deg);
+    -moz-transform: rotate(0deg); }
-    }
+  100% {
-    100% {
+    -moz-transform: rotate(359deg); } }
-        -moz-transform: rotate(359deg);
+
-    }
-}
 @-webkit-keyframes spin {
-    0% {
+  0% {
-        -webkit-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg); }
-    }
+  100% {
-    100% {
+    -webkit-transform: rotate(359deg); } }
-        -webkit-transform: rotate(359deg);
+
-    }
-}
 @-o-keyframes spin {
-    0% {
+  0% {
-        -o-transform: rotate(0deg);
+    -o-transform: rotate(0deg); }
-    }
+  100% {
-    100% {
+    -o-transform: rotate(359deg); } }
-        -o-transform: rotate(359deg);
+
-    }
-}
 @-ms-keyframes spin {
-    0% {
+  0% {
-        -ms-transform: rotate(0deg);
+    -ms-transform: rotate(0deg); }
-    }
+  100% {
-    100% {
+    -ms-transform: rotate(359deg); } }
-        -ms-transform: rotate(359deg);
+
-    }
-}
 @keyframes spin {
-    0% {
+  0% {
-        transform: rotate(0deg);
+    transform: rotate(0deg); }
-    }
+  100% {
-    100% {
+    transform: rotate(359deg); } }
-        transform: rotate(359deg);
+
-    }
-}
 .bootstrap-dialog-header {
-    display: contents;
+  display: contents; }
-}
-
-/*# sourceMappingURL=bootstrap-dialog.css.map */
-
-/*# sourceMappingURL=bootstrap-dialog.css.map */

assets/css/bootstrap-dialog.min.css

@@ -0,0 +1,2 @@
+@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .bootstrap-dialog-title{color:#fff;display:inline-block;font-size:16px}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.bootstrap-dialog .bootstrap-dialog-close-button{float:right;opacity:.9;filter:alpha(opacity=90)}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;opacity:1;filter:alpha(opacity=100)}@media (min-width:1172px){.bootstrap-dialog .modal-xl{max-width:95%}}.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child{margin-top:8px}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#333}.bootstrap-dialog.type-info .modal-header{background-color:#17a2b8}.bootstrap-dialog.type-primary .modal-header{background-color:#007bff}.bootstrap-dialog.type-secondary .modal-header{background-color:#6c757d}.bootstrap-dialog.type-success .modal-header{background-color:#28a745}.bootstrap-dialog.type-warning .modal-header{background-color:#ffc107}.bootstrap-dialog.type-danger .modal-header{background-color:#dc3545}.bootstrap-dialog.type-light .modal-header{background-color:#f8f9fa}.bootstrap-dialog.type-dark .modal-header{background-color:#343a40}.bootstrap-dialog.size-large .bootstrap-dialog-title{font-size:24px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.bootstrap-dialog-footer-buttons{display:flex}.bootstrap-dialog-header{display:contents}
+/*# sourceMappingURL=bootstrap-dialog.min.css.map */

assets/css/bootstrap-dialog.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["bootstrap-dialog.css"],"names":[],"mappings":"AAyFA,A,qBACE,E,CACE,2B,CACF,E,CACE,+BAEJ,A,wBACE,E,CACE,8B,CACF,E,CACE,kCAEJ,A,mBACE,E,CACE,yB,CACF,E,CACE,6BAEJ,A,oBACE,E,CACE,0B,CACF,E,CACE,8BAEJ,A,gBACE,E,CACE,sB,CACF,E,CACE,0BA7GJ,+B,CACE,0B,CACA,2B,CAEF,yC,CACE,U,CACA,oB,CACA,c,CAEF,2C,CACE,c,CAEF,+C,CACE,gB,CAEF,gD,CACE,W,CACA,U,CACA,wB,CAEF,sD,CACE,c,CACA,S,CACA,yB,CAEF,0BACE,2B,CACE,eAEJ,iE,CACE,c,CAEF,4C,CACE,qB,CAEF,sD,CACE,U,CAEF,yC,CACE,wB,CAEF,4C,CACE,wB,CAEF,8C,CACE,wB,CAEF,4C,CACE,wB,CAEF,4C,CACE,wB,CAEF,2C,CACE,wB,CAEF,0C,CACE,wB,CAEF,yC,CACE,wB,CAEF,oD,CACE,c,CAEF,2D,CACE,c,CAEF,sD,CACE,c,CAEF,4B,CACE,oB,CACA,sC,CACA,oC,CACA,yC,CACA,iC,CAEF,gC,CACE,Y,CAgCF,wB,CACE,gB","file":"bootstrap-dialog.css","sourcesContent":[".bootstrap-dialog {\r\n  /* dialog types */\r\n  /**\r\n   * Icon animation\r\n   * Copied from font-awesome: http://fontawesome.io/\r\n   **/\r\n  /** End of icon animation **/ }\r\n\r\n.bootstrap-dialog .modal-header {\r\n  border-top-left-radius: 4px;\r\n  border-top-right-radius: 4px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-title {\r\n  color: #fff;\r\n  display: inline-block;\r\n  font-size: 16px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-message {\r\n  font-size: 14px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-button-icon {\r\n  margin-right: 3px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-close-button {\r\n  float: right;\r\n  opacity: 0.9;\r\n  filter: alpha(opacity=90); }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-close-button:hover {\r\n  cursor: pointer;\r\n  opacity: 1;\r\n  filter: alpha(opacity=100); }\r\n\r\n@media (min-width: 1172px) {\r\n  .bootstrap-dialog .modal-xl {\r\n    max-width: 95%; } }\r\n\r\n.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {\r\n  margin-top: 8px; }\r\n\r\n.bootstrap-dialog.type-default .modal-header {\r\n  background-color: #fff; }\r\n\r\n.bootstrap-dialog.type-default .bootstrap-dialog-title {\r\n  color: #333; }\r\n\r\n.bootstrap-dialog.type-info .modal-header {\r\n  background-color: #17a2b8; }\r\n\r\n.bootstrap-dialog.type-primary .modal-header {\r\n  background-color: #007bff; }\r\n\r\n.bootstrap-dialog.type-secondary .modal-header {\r\n  background-color: #6c757d; }\r\n\r\n.bootstrap-dialog.type-success .modal-header {\r\n  background-color: #28a745; }\r\n\r\n.bootstrap-dialog.type-warning .modal-header {\r\n  background-color: #ffc107; }\r\n\r\n.bootstrap-dialog.type-danger .modal-header {\r\n  background-color: #dc3545; }\r\n\r\n.bootstrap-dialog.type-light .modal-header {\r\n  background-color: #f8f9fa; }\r\n\r\n.bootstrap-dialog.type-dark .modal-header {\r\n  background-color: #343a40; }\r\n\r\n.bootstrap-dialog.size-large .bootstrap-dialog-title {\r\n  font-size: 24px; }\r\n\r\n.bootstrap-dialog.size-large .bootstrap-dialog-close-button {\r\n  font-size: 30px; }\r\n\r\n.bootstrap-dialog.size-large .bootstrap-dialog-message {\r\n  font-size: 18px; }\r\n\r\n.bootstrap-dialog .icon-spin {\r\n  display: inline-block;\r\n  -moz-animation: spin 2s infinite linear;\r\n  -o-animation: spin 2s infinite linear;\r\n  -webkit-animation: spin 2s infinite linear;\r\n  animation: spin 2s infinite linear; }\r\n\r\n.bootstrap-dialog-footer-buttons {\r\n  display: flex; }\r\n\r\n@-moz-keyframes spin {\r\n  0% {\r\n    -moz-transform: rotate(0deg); }\r\n  100% {\r\n    -moz-transform: rotate(359deg); } }\r\n\r\n@-webkit-keyframes spin {\r\n  0% {\r\n    -webkit-transform: rotate(0deg); }\r\n  100% {\r\n    -webkit-transform: rotate(359deg); } }\r\n\r\n@-o-keyframes spin {\r\n  0% {\r\n    -o-transform: rotate(0deg); }\r\n  100% {\r\n    -o-transform: rotate(359deg); } }\r\n\r\n@-ms-keyframes spin {\r\n  0% {\r\n    -ms-transform: rotate(0deg); }\r\n  100% {\r\n    -ms-transform: rotate(359deg); } }\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg); }\r\n  100% {\r\n    transform: rotate(359deg); } }\r\n\r\n.bootstrap-dialog-header {\r\n  display: contents; }\r\n\r\n/*# sourceMappingURL=bootstrap-dialog.css.map */\r\n"]}