97 lines
2.0 KiB
SCSS
97 lines
2.0 KiB
SCSS
//
|
|
// Sweet Alert
|
|
//
|
|
|
|
|
|
.swal2-popup {
|
|
background: $card-bg;
|
|
.swal2-title{
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
color: $gray-700;
|
|
}
|
|
.swal2-content{
|
|
color: $gray-600;
|
|
}
|
|
.swal2-styled{
|
|
&.swal2-confirm {
|
|
border: 0;
|
|
border-radius: .25em;
|
|
background: initial;
|
|
background-color: $primary;
|
|
color: $white;
|
|
font-size: 1.0625em;
|
|
}
|
|
&:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($primary, 0.4);
|
|
}
|
|
&.swal2-cancel {
|
|
border: 0;
|
|
border-radius: .25em;
|
|
background: initial;
|
|
background-color: $danger;
|
|
color: $white;
|
|
font-size: 1.0625em;
|
|
|
|
&:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($danger,.5);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.swal2-popup .swal2-styled.swal2-cancel{
|
|
border: 1px solid transparent;
|
|
}
|
|
.swal2-actions{
|
|
.btn-success:not(:disabled):not(.disabled):active,
|
|
.btn-success,
|
|
.btn-success:active{
|
|
background-color: $primary;
|
|
border: 1px solid $primary;
|
|
}
|
|
.btn-success:focus{
|
|
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($primary, 0.4);
|
|
}
|
|
|
|
.btn-danger:not(:disabled):not(.disabled):active{
|
|
color: $white;
|
|
background-color: $danger;
|
|
border-color: $danger;
|
|
}
|
|
.btn-danger:not(:disabled):not(.disabled):active:focus{
|
|
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($danger,.5);
|
|
}
|
|
.btn-danger {
|
|
background-color: $danger;
|
|
border: 1px solid $danger;
|
|
&:active{
|
|
background-color: $danger;
|
|
border: 1px solid $danger;
|
|
}
|
|
&:hover{
|
|
background-color: $danger;
|
|
border: 1px solid $danger;
|
|
}
|
|
&:focus{
|
|
background-color: $danger;
|
|
border: 1px solid $danger;
|
|
box-shadow: 0 0 0 2px $card-bg, 0 0 0 4px rgba($danger,.5);
|
|
}
|
|
}
|
|
}
|
|
.swal2-icon.swal2-question {
|
|
border-color: $pink;
|
|
color: $pink;
|
|
}
|
|
.swal2-footer{
|
|
border-top: 1px solid $border_2;
|
|
}
|
|
|
|
.swal2-popup.swal2-toast{
|
|
background-color: $card-bg;
|
|
box-shadow: 0 0 0.625em $gray-100;
|
|
}
|