sass - responsive tables

responsive_table.scss

@include handhelds {
  table.responsive {
    width: 100%;
    thead {
      display: none;
    }
    tr {
      display: block;
    }
    td, th {
      display: table-row;
      &:before {
        display: table-cell;
        text-align: right;
        padding-right: 5px;
        content: attr(data-label) ":";
      }
    }
  }
}