_tables.sass

// ==========================================================

// 320 and Up by Andy Clarke
// Version: 3.0
// URL: http://stuffandnonsense.co.uk/projects/320andup/
// Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

// ==========================================================

/* Tables ===================================================

table
  width: 100%
  max-width: 100%
  margin-bottom: $baselineheight
  border-collapse: collapse
  border-spacing: 0
  background-color: $tablebackground
  th,
  td
    padding: 8px
    vertical-align: top
    border-top: $tableborderwidth $tableborderstyle $tableborder
    +font-size(14)
    line-height: $baselineheight
    text-align: left
  th
    font-weight: bold
  thead th
    vertical-align: bottom
  colgroup + thead tr:first-child th,
  colgroup + thead tr:first-child td,
  thead:first-child tr:first-child th,
  thead:first-child tr:first-child td
    border-top: 0
  tbody + tbody
    border-top: $tableborderwidth * 2 $tableborderstyle $tableborder
  tbody tr td,
  tbody tr th
    +transition(background-color 0.25s 0 linear)
  tbody tr:hover td,
  tbody tr:hover th
    background-color: $tablehover

// CONDENSED ====================================================

.table-condensed
  th,
  td
    padding: 4px 5px

// BORDERED ====================================================

.table-bordered
  border: $tableborderwidth $tableborderstyle $tableborder
  border-left: 0
  border-collapse: separate
  *border-collapse: collapsed
  th,
  td
    border-left: $tableborderwidth $tableborderstyle $tableborder
  thead:first-child tr:first-child th,
  tbody:first-child tr:first-child th,
  tbody:first-child tr:first-child td
    border-top: 0

// STRIPED ====================================================

.table-striped
  tbody tr:nth-child(odd) td,
  tbody tr:nth-child(odd) th
    background-color: $tablestripe