table.styl

@require '~styl/base/palette.styl'

$table-cell-border = 1px solid $table-border-color

$stats-table-td--fg = $body-color

$stats-table-th--bg     = white
$stats-table-tr--bg     = white
$stats-table-tr--bg-alt = $background-color

$table-base
  width 100%
  border $table-cell-border
  border-collapse collapse
  font-family Lato-Regular
  font-weight 300
  font-size 14px
  vertical-align top
  white-space nowrap
  color $stats-table-td--fg

  &__row
    &--body
      letter-spacing .33px
      background-color $stats-table-tr--bg
      &:nth-child(odd)
        background-color $stats-table-tr--bg-alt

    &--header
      padding 20px
      font-size 12px
      font-weight bold
      letter-spacing 2px
      text-transform uppercase
      text-align left
      white-space nowrap
      background-color $stats-table-th--bg

  &__cell
    padding 10px 20px
    border-right $table-cell-border
    font-weight inherit
    vertical-align top

    a
      font-weight 400
      color $link-color
      text-decoration none
      width 100%
      height 100%

    &--filler
      width 100%