Sha256: 58704ce148489fa3268d09b0306b67a818bcb08bc948ce2e733e9d53d9e575cf
Contents?: true
Size: 1.68 KB
Versions: 11
Compression:
Stored size: 1.68 KB
Contents
// Custom SCSS Standard SweetAlerts
body.swal2-shown {
.swal2-popup {
border-radius:$border-radius;
}
.swal2-html-container {
text-align: left;
font-size: 0.9em;
.alert-link {
font-weight: 400;
}
}
.swal2-content {
padding: 0 !important;
}
.swal2-header {
.swal2-icon {
width: 2.5em;
height: 2.5em;
.swal2-icon-content {
font-size: 2.15em;
}
}
.swal2-close {
top: 3px;
right: 3px;
padding-bottom: 3px;
&:hover {
color:grey;
}
}
}
}
// Custom SCSS Toast SweetAlerts
body.swal2-toast-shown .swal2-container.swal2-bottom {
right: -50% !important;
max-width: 500px;
.swal2-popup.swal2-toast {
border-width: 3px;
border-style: solid;
box-shadow: none !important;
margin-bottom: 50px;
.swal2-icon {
display: none !important;
}
button.swal2-close {
min-width: .8em;
padding-bottom: 0.1em;
&:hover {
opacity: 0.75;
}
}
}
}
@include media-breakpoint-down(sm) {
body.swal2-toast-shown .swal2-container.swal2-bottom {
.swal2-popup.swal2-toast {
button.swal2-close {
padding-bottom: 0;
}
}
}
}
.swal2-popup.swal2-toast.swal2-icon-success {
@extend .alert-success;
h2, button {
@extend .alert-success;
}
}
.swal2-popup.swal2-toast.swal2-icon-error {
@extend .alert-danger;
h2, button {
@extend .alert-danger;
}
}
.swal2-popup.swal2-toast.swal2-icon-info {
@extend .alert-info;
h2, button {
@extend .alert-info;
}
}
.swal2-popup.swal2-toast.swal2-icon-question {
@extend .alert-warning;
h2, button {
@extend .alert-warning;
}
}
Version data entries
11 entries across 11 versions & 1 rubygems