tc-panel.html

.tc-panel
  .tc-section.mod-divider
    .tc-section-left
      h1.mod-no-margin Panel Title
    .tc-section-right
      .tc-section-righ-item
        | Optional actions area - basically floats right.
  .tc-section.mod-divider
    | Subhead row
  .tc-section.mod-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;
}

//this would probably just be a different component.. not necessarily this name, but if there's somewhere else that we can think of clearfix being applicable
.tc-section {
  @include clearfix;
  padding: 10px 15px;  
}

  .tc-section-left {
    @include span-columns(5);
  }

  .tc-section-right {
    @include span-columns(7);

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

  .tc-section.mod-divider {
    border-bottom: 1px $gray-300 solid;
  }

  //this could be done in several different ways
  .tc-section.mod-content {
    padding: 15px;
  }