/**
 * @file
 * The scss file for Bootstrap Paragraphs Callout module.
 *
 * Can be quickly compiled to CSS at https://www.sassmeister.com/.
 */

 // Colors.
$primary:       #007bff;
$secondary:     #6c757d;
$success:       #28a745;
$info:          #17a2b8;
$warning:       #ffc107;
$danger:        #dc3545;
$light:         #f8f9fa;
$dark:          #343a40;
$white:         #ffffff;

// Reset padding on the first column.
.paragraph--type--bp-callout > .paragraph__column {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

// Add padding to header and body.
.callout-header,
.callout-body {
  padding: 1rem;
}

// Reset padding if background color is added to callout.
.paragraph.paragraph--type--bp-callout.paragraph--color > .paragraph__column {
  padding-top: 0;
  padding-bottom: 0;
}

.callout-style--primary {
  border: 2px solid $primary;

  .callout-header {
    background: $primary;
    color: $white;
  }
}

.callout-style--secondary {
  border: 2px solid $secondary;

  .callout-header {
    background: transparent;
    color: $white;
  }
}

.callout-style--success {
  border: 2px solid $success;

  .callout-header {
    background: $success;
    color: $white;
  }
}

.callout-style--danger {
  border: 2px solid $danger;

  .callout-header {
    background: $danger;
    color: $white;
  }
}

.callout-style--warning {
  border: 2px solid $warning;

  .callout-header {
    background: $warning;
  }
}

.callout-style--info {
  border: 2px solid $info;

  .callout-header {
    background: $info;
    color: $white;
  }
}

.callout-style--dark {
  border: 2px solid $dark;

  .callout-header {
    background: $dark;
    color: $white;
  }
}

.callout-style--light {
  background: $light;
  border: 2px solid $light;

  .callout-header {
    background: $light;
  }
}

.callout-style--white {
  background: $white;
  border: 2px solid $white;

  .callout-header {
    background: $white;
  }
}
