_toasts.scss 745 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. //
  2. // Component: Toasts
  3. //
  4. .toasts-top-right {
  5. position: absolute;
  6. right: 0;
  7. top: 0;
  8. z-index: $zindex-toasts;
  9. &.fixed {
  10. position: fixed;
  11. }
  12. }
  13. .toasts-top-left {
  14. left: 0;
  15. position: absolute;
  16. top: 0;
  17. z-index: $zindex-toasts;
  18. &.fixed {
  19. position: fixed;
  20. }
  21. }
  22. .toasts-bottom-right {
  23. bottom: 0;
  24. position: absolute;
  25. right: 0;
  26. z-index: $zindex-toasts;
  27. &.fixed {
  28. position: fixed;
  29. }
  30. }
  31. .toasts-bottom-left {
  32. bottom: 0;
  33. left: 0;
  34. position: absolute;
  35. z-index: $zindex-toasts;
  36. &.fixed {
  37. position: fixed;
  38. }
  39. }
  40. .toast {
  41. @each $name, $color in $theme-colors {
  42. @include toast-variant($name, $color);
  43. }
  44. @each $name, $color in $colors {
  45. @include toast-variant($name, $color);
  46. }
  47. }