_callout.scss 917 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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. border-left: 5px solid $gray-200;
  18. padding: .5rem 1rem .5rem .5rem;
  19. a {
  20. color: $white;
  21. text-decoration: underline;
  22. &:hover {
  23. color: $gray-200;
  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. }