12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- //
- // Plugin: SweetAlert2
- //
- // Icon Colors
- .swal2-icon {
- &.swal2-info {
- border-color: ligthen($info, 20%);
- color: $info;
- }
- &.swal2-warning {
- border-color: ligthen($warning, 20%);
- color: $warning;
- }
- &.swal2-error {
- border-color: ligthen($danger, 20%);
- color: $danger;
- }
- &.swal2-question {
- border-color: ligthen($secondary, 20%);
- color: $secondary;
- }
- &.swal2-success {
- border-color: ligthen($success, 20%);
- color: $success;
- .swal2-success-ring {
- border-color: ligthen($success, 20%);
- }
- [class^='swal2-success-line'] {
- background-color: $success;
- }
- }
- }
- @include dark-mode () {
- .swal2-popup {
- background-color: $dark;
- color: $gray-200;
- .swal2-content,
- .swal2-title {
- color: $gray-200;
- }
- }
- }
|