tc-panel.html

.tc-panel
  .tc-panel-header">
    tc-panel-header-info
      h1.tc-panel-header-title Panel Title
    .tc-panel-header-actions
      .tc-panel-header-actions-item
        | Optional actions area - basically floats right.
  .tc-panel-subhead
    | Subhead row
  .tc-panel-content

tc-panel.scss

.tc-panel {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
  @include clearfix;
  background: $white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-bottom: 30px;
}

.tc-panel-header {
  @include clearfix;
  padding: 10px 15px;
  border-bottom: 1px $gray-300 solid;
}
  
  .tc-panel-header-info {
    @include span-columns(5);
  }

  .tc-panel-header-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 38px;
    color: $gray-800;
    margin: 0;
    padding: 0;
  }

  .tc-panel-header-actions {
    @include span-columns(7);
  }

  @include direction-context(right-to-left) {
    .tc-panel-header-actions-item {
      @include span-columns(8);
    }
  }

.tc-panel-subhead {
  padding: 10px 15px;
  border-bottom: 1px $gray-300 solid;
}

.tc-panel-content {
  padding: 15px;
}