base_ui/assets/common/scss/components/_sweet-alert.scss
2025-02-01 13:04:55 +03:30

113 lines
2.2 KiB
SCSS

.my-swal2-popup {
border: 1px solid rgba(0, 0, 0, .2) !important;
border-radius: 20px !important;
outline: 0;
}
.my-swal2-container {
background-color: rgba(27, 39, 51, 0.1) !important;
}
/*.my-swal2-title {*/
/* font-size: 1rem !important;*/
/* !*color: #facea8;*!*/
/* color: #ea4c89!important;*/
/*}*/
.my-swal2-actions {
flex-direction: row-reverse;
margin-top: 24px !important;
justify-content: flex-start !important;
}
/*.my-swal2-icon.swal2-warning {*/
/* border-color: #ea4c89!important;*/
/* color: #ea4c89!important;*/
/*}*/
.swal2-html-container {
font-size: 0.9rem !important;
}
.swal2-html-container .content-header {
font-size: 1rem;
font-weight: bold;
}
.my-swal2-icon {
width: 4em !important;
height: 4em !important;
}
.custom-sw-content {}
.custom-sw-content .custom-sw-header-container {
text-align: right;
margin: 1.5em auto;
}
.custom-sw-content .custom-sw-header-container .icon {
display: inline;
font-size: 2rem;
}
.custom-sw-content .custom-sw-header-container .custom-content-title {
display: inline-block;
font-size: 1rem;
font-weight: bold;
}
.swal2-container {
.btn {
color: #00b6e3;
}
.btn:focus {
outline: 0;
box-shadow: none;
}
.btn-default {
display: flex;
justify-content: center;
align-items: center;
color: #444444;
font-size: 0.9rem;
padding: 0 1em;
height: 32px;
line-height: 1;
}
.btn-default:hover {
color: #00b6e3;
background-color: transparent;
border-color: transparent;
}
.btn-outline-primary {
border-radius: 20px;
border: 2px solid #00b6e3;
font-size: 0.9rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0 1.5em;
color: #00b6e3 !important;
height: 32px;
line-height: 1;
transition: all 0.2s;
}
.btn-outline-primary:hover {
background-color: #00b6e3;
border-color: #00b6e3;
color: #fff !important;
}
}
.swal2-icon.swal2-info::before {
content: none !important;
}