sigd/public/assets/scss/custom/plugins/_sweatalert2.scss

84 lines
1.4 KiB
SCSS
Executable File

//
// Sweetalert2.scss
//
.swal2-container {
.swal2-title{
font-size: 24px;
font-weight: $font-weight-medium;
}
}
.swal2-content{
font-size: 16px;
}
.swal2-icon{
&.swal2-question{
border-color: $info;
color: $info;
}
&.swal2-success {
[class^=swal2-success-line]{
background-color: $success;
}
.swal2-success-ring{
border-color: rgba($success, 0.3);
}
}
&.swal2-warning{
border-color: $warning;
color: $warning;
}
}
.swal2-styled{
&:focus{
box-shadow: none;
}
}
.swal2-progress-steps {
.swal2-progress-step{
background: $primary;
&.swal2-active-progress-step{
background: $primary;
&~.swal2-progress-step, &~.swal2-progress-step-line{
background: rgba($primary, 0.3);
}
}
}
.swal2-progress-step-line{
background: $primary;
}
}
.swal2-actions.swal2-loading{
.swal2-styled.swal2-confirm{
border-left-color: $primary !important;
border-right-color: $primary !important;
}
}
.swal2-file, .swal2-input, .swal2-textarea{
border: 1px solid $input-border-color;
&:focus{
box-shadow: none;
border-color: $input-focus-border-color;
}
}
.swal2-modal{
background-color: var(--#{$prefix}secondary-bg) !important;
.swal2-title{
color: var(--#{$prefix}heading-color) !important;
}
.swal2-html-container{
color: var(--#{$prefix}body-color) !important;
}
}