//
// Component: Callout
//

// Base styles (regardless of theme)
.callout {
    border-right: 5px solid $gray-200;
    border-left: unset;
  
    // Themes for different contexts
    &.callout-danger {
      border-right-color: darken(theme-color('danger'), 10%);
      border-left-color: unset;
    }
  
    &.callout-warning {
      border-right-color: darken(theme-color('warning'), 10%);
      border-left-color: unset;
    }
  
    &.callout-info {
      border-right-color: darken(theme-color('info'), 10%);
      border-left-color: unset;
    }
  
    &.callout-success {
      border-right-color: darken(theme-color('success'), 10%);
      border-left-color: unset;
    }
  }