sass/elements/table.sass

$table: $text-strong !default
$table-background: $white !default
$table-border: $border !default

$table-head: $text-light !default

$table-row-hover-background: $white-ter !default
$table-row-even-background: $white-bis !default

.table
  background-color: $table-background
  color: $table
  margin-bottom: 20px
  width: 100%
  td,
  th
    border: 1px solid $table-border
    border-width: 0 0 1px
    padding: 8px 10px
    vertical-align: top
    // Modifiers
    &.is-icon
      padding: 5px
      text-align: center
      white-space: nowrap
      width: 1%
      .fa
        +fa(21px, 24px)
      &.is-link
        padding: 0
        & > a
          padding: 5px
    &.is-link
      padding: 0
      & > a
        display: block
        padding: 8px 10px
        &:hover
          background-color: $link
          color: $link-invert
    &.is-narrow
      white-space: nowrap
      width: 1%
  th
    color: $text-strong
    text-align: left
  tr
    &:hover
      background-color: $table-row-hover-background
  thead
    td,
    th
      border-width: 0 0 2px
      color: $table-head
  tbody
    tr
      &:last-child
        td,
        th
          border-bottom-width: 0
  tfoot
    td,
    th
      border-width: 2px 0 0
      color: $table-head
  // Modifiers
  &.is-bordered
    td,
    th
      border-width: 1px
    tr
      &:last-child
        td,
        th
          border-bottom-width: 1px
  &.is-narrow
    td,
    th
      padding: 5px 10px
      // Modifiers
      &.is-icon
        padding: 2px
        &.is-link
          padding: 0
          & > a
            padding: 2px
      &.is-link
        padding: 0
        & > a
          padding: 5px 10px
  &.is-striped
    tbody
      tr
        &:nth-child(even)
          background-color: $table-row-even-background
          &:hover
            background-color: $table-row-hover-background
Add table variables 2016-09-24 16:04:53 +01:00			`$table: $text-strong !default`
			`$table-background: $white !default`
			`$table-border: $border !default`

			`$table-head: $text-light !default`

			`$table-row-hover-background: $white-ter !default`
			`$table-row-even-background: $white-bis !default`

Init 2016-01-24 00:03:43 +00:00			`.table`
Add table variables 2016-09-24 16:04:53 +01:00			`background-color: $table-background`
			`color: $table`
Init 2016-01-24 00:03:43 +00:00			`margin-bottom: 20px`
			`width: 100%`
Fix components code style 2016-04-10 16:27:27 +01:00			`td,`
			`th`
Add table variables 2016-09-24 16:04:53 +01:00			`border: 1px solid $table-border`
Init 2016-01-24 00:03:43 +00:00			`border-width: 0 0 1px`
			`padding: 8px 10px`
			`vertical-align: top`
Fix components code style 2016-04-10 16:27:27 +01:00			`// Modifiers`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-icon`
Fix components code style 2016-04-10 16:27:27 +01:00			`padding: 5px`
			`text-align: center`
Fix imports, Add images, Add fluid container 2016-02-13 18:59:09 +00:00			`white-space: nowrap`
			`width: 1%`
Fix components code style 2016-04-10 16:27:27 +01:00			`.fa`
			`+fa(21px, 24px)`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-link`
Fix components code style 2016-04-10 16:27:27 +01:00			`padding: 0`
			`& > a`
			`padding: 5px`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-link`
Init 2016-01-24 00:03:43 +00:00			`padding: 0`
			`& > a`
			`display: block`
			`padding: 8px 10px`
			`&:hover`
Fix #242 2016-06-29 23:59:48 +01:00			`background-color: $link`
Init 2016-01-24 00:03:43 +00:00			`color: $link-invert`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-narrow`
Init 2016-01-24 00:03:43 +00:00			`white-space: nowrap`
			`width: 1%`
			`th`
			`color: $text-strong`
			`text-align: left`
			`tr`
			`&:hover`
Add table variables 2016-09-24 16:04:53 +01:00			`background-color: $table-row-hover-background`
Init 2016-01-24 00:03:43 +00:00			`thead`
Fix components code style 2016-04-10 16:27:27 +01:00			`td,`
			`th`
Init 2016-01-24 00:03:43 +00:00			`border-width: 0 0 2px`
Add table variables 2016-09-24 16:04:53 +01:00			`color: $table-head`
Fix components code style 2016-04-10 16:27:27 +01:00			`tbody`
			`tr`
			`&:last-child`
			`td,`
			`th`
			`border-bottom-width: 0`
Init 2016-01-24 00:03:43 +00:00			`tfoot`
Fix components code style 2016-04-10 16:27:27 +01:00			`td,`
			`th`
Init 2016-01-24 00:03:43 +00:00			`border-width: 2px 0 0`
Add table variables 2016-09-24 16:04:53 +01:00			`color: $table-head`
Fix components code style 2016-04-10 16:27:27 +01:00			`// Modifiers`
Init 2016-01-24 00:03:43 +00:00			`&.is-bordered`
Fix components code style 2016-04-10 16:27:27 +01:00			`td,`
			`th`
Init 2016-01-24 00:03:43 +00:00			`border-width: 1px`
			`tr`
Fix components code style 2016-04-10 16:27:27 +01:00			`&:last-child`
			`td,`
			`th`
			`border-bottom-width: 1px`
Init 2016-01-24 00:03:43 +00:00			`&.is-narrow`
Fix components code style 2016-04-10 16:27:27 +01:00			`td,`
			`th`
Init 2016-01-24 00:03:43 +00:00			`padding: 5px 10px`
Fix components code style 2016-04-10 16:27:27 +01:00			`// Modifiers`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-icon`
Init 2016-01-24 00:03:43 +00:00			`padding: 2px`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-link`
Init 2016-01-24 00:03:43 +00:00			`padding: 0`
			`& > a`
			`padding: 2px`
Restructure elements and components 2016-04-18 21:50:59 +01:00			`&.is-link`
Fix components code style 2016-04-10 16:27:27 +01:00			`padding: 0`
			`& > a`
			`padding: 5px 10px`
Init 2016-01-24 00:03:43 +00:00			`&.is-striped`
			`tbody`
Fix components code style 2016-04-10 16:27:27 +01:00			`tr`
Add table variables 2016-09-24 16:04:53 +01:00			`&:nth-child(even)`
			`background-color: $table-row-even-background`
Fix components code style 2016-04-10 16:27:27 +01:00			`&:hover`
Add table variables 2016-09-24 16:04:53 +01:00			`background-color: $table-row-hover-background`