Files
neko/client/src/assets/styles/vendor/_swal.scss
Miroslav Šedivý 4a9342bc50 upgrade sweetalert2.
2022-05-14 18:51:55 +02:00

71 lines
1.9 KiB
SCSS

@import '~sweetalert2/src/variables';
$swal2-outline-color: transparent;
// POPUP
$swal2-padding: 1.25em;
$swal2-border-radius: .3125em;
// BACKGROUND
$swal2-background: $background-secondary;
// ICONS
$swal2-icon-margin: 1.25em auto 1.875em;
// IMAGE
$swal2-image-margin: 1.25em auto;
// TITLE
$swal2-title-margin: 0 0 .4em;
$swal2-title-color: $interactive-hover;
// HTML CONTAINER
$swal2-html-container-margin: 0;
$swal2-html-container-color: $interactive-hover;
// INPUT
$swal2-input-margin: 1em auto;
$swal2-input-width: 100%;
$swal2-input-box-shadow: inset 0 1px 1px rgba($swal2-black, .06);
$swal2-input-focus-box-shadow: 0 0 3px #c4e6f5;
// PROGRESS STEPS
$swal2-progress-steps-background: inherit;
$swal2-progress-steps-margin: 0 0 1.25em;
$swal2-active-step-background: #3085d6;
// FOOTER
$swal2-footer-margin: 1.25em 0 0;
$swal2-footer-padding: 1em 0 0;
$swal2-footer-color: lighten($swal2-black, 33);
// CLOSE BUTTON
$swal2-close-button-transition: color .1s ease-out;
$swal2-close-button-border-radius: 0;
$swal2-close-button-outline: initial;
$swal2-close-button-color: lighten($swal2-black, 80);
// ACTIONS
$swal2-actions-width: 100%;
// COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS
$swal2-button-focus-box-shadow: 0 0 0 1px $swal2-background, 0 0 0 3px $swal2-outline-color;
// CONFIRM BUTTON
$swal2-confirm-button-background-color: $background-tertiary;
$swal2-confirm-button-font-size: 1.0625em;
$swal2-confirm-button-focus-box-shadow: 0 0 0 3px rgba($swal2-confirm-button-background-color, .5);
// CANCEL BUTTON
$swal2-cancel-button-background-color: $background-floating;
$swal2-cancel-button-font-size: 1.0625em;
$swal2-cancel-button-focus-box-shadow: 0 0 0 3px rgba($swal2-cancel-button-background-color, .5);
// TOASTS
$swal2-toast-box-shadow: 0 0 .625em #d9d9d9;
$swal2-toast-width: auto;
$swal2-toast-padding: .625em;
$swal2-toast-title-margin: 0 .6em;
@import "~sweetalert2/src/sweetalert2.scss";