_toastr.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. //
  2. // Plugin: Toastr
  3. //
  4. // Background to FontAwesome Icons
  5. // #toast-container > .toast {
  6. // background-image: none !important;
  7. // }
  8. // #toast-container > .toast .toast-message:before {
  9. // font-family: 'Font Awesome 5 Free';
  10. // font-size: 24px;
  11. // font-weight: 900;
  12. // line-height: 18px;
  13. // float: left;
  14. // color: $white;
  15. // padding-right: 0.5em;
  16. // margin: auto 0.5em auto -1.5em;
  17. // }
  18. // #toast-container > .toast-warning .toast-message:before {
  19. // content: "\f06a";
  20. // }
  21. // #toast-container > .toast-error .toast-message:before {
  22. // content: "\f071";
  23. // }
  24. // #toast-container > .toast-info .toast-message:before {
  25. // content: "\f05a";
  26. // }
  27. // #toast-container > .toast-success .toast-message:before {
  28. // content: "\f058";
  29. // }
  30. #toast-container {
  31. // Background color
  32. .toast {
  33. background-color: $primary;
  34. }
  35. .toast-success {
  36. background-color: $success;
  37. }
  38. .toast-error {
  39. background-color: $danger;
  40. }
  41. .toast-info {
  42. background-color: $info;
  43. }
  44. .toast-warning {
  45. background-color: $warning;
  46. }
  47. }
  48. // full width fix
  49. .toast-bottom-full-width .toast,
  50. .toast-top-full-width .toast {
  51. max-width: inherit;
  52. }