_toasts.scss 696 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. // Toasts
  2. .toast {
  3. @include toast-variant($dark-color);
  4. border: $border-width solid $dark-color;
  5. border-radius: $border-radius;
  6. color: $light-color;
  7. display: block;
  8. padding: $layout-spacing;
  9. width: 100%;
  10. &.toast-primary {
  11. @include toast-variant($primary-color);
  12. }
  13. &.toast-success {
  14. @include toast-variant($success-color);
  15. }
  16. &.toast-warning {
  17. @include toast-variant($warning-color);
  18. }
  19. &.toast-error {
  20. @include toast-variant($error-color);
  21. }
  22. a {
  23. color: $light-color;
  24. text-decoration: underline;
  25. &:focus,
  26. &:hover,
  27. &:active,
  28. &.active {
  29. opacity: .75;
  30. }
  31. }
  32. .btn-clear {
  33. margin: 4px -2px 4px 4px;
  34. }
  35. }