12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- //
- // 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;
- }
|