Table Header Row: Default

.tableheaderrow {
  // attributes
  // &::psuedo elements
  // elements
  // .module-x-selector
  // &:psuedo
  // &.module-is-state
  // @media selectors

  display: table-row;

  .tableheader-x-cell {
    @include textstyle-smallbold;
    display: table-cell;
    padding: ($gridspacing * 2) 0;

    span {
      font-weight: normal;
    }
  }

  @media (min-width: $media-desktop) {
    .tableheader-x-cell {
      &:nth-child(2) {
        padding-right: $gridspacing * 2;
        padding-left: $gridspacing * 2;
      }

      &:nth-child(3) {
        white-space: nowrap;
      }
    }
  }
}