@function separator-border($color: 200, $size: 1px) {
  @return $size solid color(neutral, $color);
}

// ********************************************
// container definition
$el-container: #{$prefix}-card;
$el-card-body: #{$prefix}-card-body;
$el-header: #{$prefix}-card-header;
$el-heading: #{$el-header}__heading;
$el-pull-right: #{$el-header}__pull-right;

.#{$el-container} {
  border: 1px solid color(neutral, 050);
  @include border-radius(0);
  @include box-shadow(1px 1px 3px 1px rgba(0, 0, 0, 0.3));

  .#{$el-header} {
    color: color(neutral, 600);
    padding: 6px 15px;
    border-bottom: 1px solid transparent;
    @include border-radius(0);
    .#{$el-heading} {
      color: color(neutral, 600);
      font-family: inherit;
      font-size: 18pt;
    }
    .#{$el-pull-right} {
      float: right;
    }
  }
  .#{$el-card-body} {
    padding: 1rem;
  }
}