diff --git a/bootstrap-4/bootstrap-4.scss b/bootstrap-4/bootstrap-4.scss index 4dc6ea8..4ff978d 100644 --- a/bootstrap-4/bootstrap-4.scss +++ b/bootstrap-4/bootstrap-4.scss @@ -140,9 +140,38 @@ $bootstrap-toast-box-shadow: 0 .25rem .75rem rgba($swal2-black, $swal2-padding: 1rem; $swal2-border-radius: .3rem; +// ANIMATIONS +// animate.css/fading_entrances/fadeInDown.css +@keyframes fadeInDown { + from { + transform: translate3d(0, -100%, 0); + opacity: 0; + } + + to { + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +// animate.css/fading_exits/fadeOutUp.css +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + transform: translate3d(0, -100%, 0); + opacity: 0; + } +} + +$swal2-show-animation: fadeInDown .5s; +$swal2-hide-animation: fadeOutUp .5s; + // BACKDROP $swal2-backdrop: rgba($swal2-black, .5); -$swal2-backdrop-transition: background-color .15s; +$swal2-backdrop-transition: background-color .5s; // ICONS $swal2-success: $bootstrap-success; diff --git a/index.html b/index.html index 50f863c..fb89208 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ - +
diff --git a/minimal/minimal.scss b/minimal/minimal.scss index 8c96502..5a05e69 100644 --- a/minimal/minimal.scss +++ b/minimal/minimal.scss @@ -7,6 +7,9 @@ $swal2-box-shadow: none; // BACKDROP $swal2-backdrop-transition: initial; +// ICONS +$swal2-icon-animations: false; + // INPUT $swal2-input-border-radius: 0; $swal2-input-box-shadow: none; @@ -20,11 +23,6 @@ $swal2-cancel-button-border-radius: 0; // ANIMATIONS $swal2-show-animation: none; $swal2-hide-animation: none; -$swal2-success-line-tip-animation: none; -$swal2-success-line-long-animation: none; -$swal2-success-circular-line-animation: none; -$swal2-error-icon-animation: none; -$swal2-error-x-mark-animation: none; // CLOSE BUTTON $swal2-close-button-transition: initial; diff --git a/package.json b/package.json index f38716d..6c202d7 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "homepage": "https://sweetalert2.github.io/", "description": "Themes for SweetAlert2", "peerDependencies": { - "sweetalert2": "^8.18.4" + "sweetalert2": "^9.1.0" }, "devDependencies": { "@sweetalert2/execute": "^1.0.0", @@ -22,7 +22,7 @@ "promise-polyfill": "^8.1.0", "replace-in-file": "^4.0.0", "stylelint": "^11.0.0", - "sweetalert2": "^8.18.4" + "sweetalert2": "^9.1.0" }, "author": "Limon Monte