61 lines
1.2 KiB
SCSS
61 lines
1.2 KiB
SCSS
|
//
|
||
|
// Plugin: Toastr
|
||
|
//
|
||
|
|
||
|
// Background to FontAwesome Icons
|
||
|
// #toast-container > .toast {
|
||
|
// background-image: none !important;
|
||
|
// }
|
||
|
// #toast-container > .toast .toast-message:before {
|
||
|
// font-family: 'Font Awesome 5 Free';
|
||
|
// font-size: 24px;
|
||
|
// font-weight: 900;
|
||
|
// line-height: 18px;
|
||
|
// float: left;
|
||
|
// color: $white;
|
||
|
// padding-right: 0.5em;
|
||
|
// margin: auto 0.5em auto -1.5em;
|
||
|
// }
|
||
|
// #toast-container > .toast-warning .toast-message:before {
|
||
|
// content: "\f06a";
|
||
|
// }
|
||
|
// #toast-container > .toast-error .toast-message:before {
|
||
|
// content: "\f071";
|
||
|
// }
|
||
|
// #toast-container > .toast-info .toast-message:before {
|
||
|
// content: "\f05a";
|
||
|
// }
|
||
|
// #toast-container > .toast-success .toast-message:before {
|
||
|
// content: "\f058";
|
||
|
// }
|
||
|
|
||
|
|
||
|
#toast-container {
|
||
|
// Background color
|
||
|
.toast {
|
||
|
background-color: $primary;
|
||
|
}
|
||
|
|
||
|
.toast-success {
|
||
|
background-color: $success;
|
||
|
}
|
||
|
|
||
|
.toast-error {
|
||
|
background-color: $danger;
|
||
|
}
|
||
|
|
||
|
.toast-info {
|
||
|
background-color: $info;
|
||
|
}
|
||
|
|
||
|
.toast-warning {
|
||
|
background-color: $warning;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// full width fix
|
||
|
.toast-bottom-full-width .toast,
|
||
|
.toast-top-full-width .toast {
|
||
|
max-width: inherit;
|
||
|
}
|