_callout.scss 903 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /*
  2. * Component: Callout
  3. * ------------------
  4. */
  5. // Base styles (regardless of theme)
  6. .callout {
  7. @if $enable-rounded {
  8. @include border-radius($border-radius);
  9. }
  10. @if $enable-shadows {
  11. @extend .elevation-1;
  12. } @else {
  13. border: 1px solid $gray-300;
  14. }
  15. @extend .mb-3;
  16. background-color: $white;
  17. padding: .5rem 1rem .5rem .5rem;
  18. border-left: 5px solid #eee;
  19. a {
  20. color: $white;
  21. text-decoration: underline;
  22. &:hover {
  23. color: #eee;
  24. }
  25. }
  26. p:last-child {
  27. margin-bottom: 0;
  28. }
  29. // Themes for different contexts
  30. &.callout-danger {
  31. border-left-color: darken(theme-color("danger"), 10%);
  32. }
  33. &.callout-warning {
  34. border-left-color: darken(theme-color("warning"), 10%);
  35. }
  36. &.callout-info {
  37. border-left-color: darken(theme-color("info"), 10%);
  38. }
  39. &.callout-success {
  40. border-left-color: darken(theme-color("success"), 10%);
  41. }
  42. }