79 lines
2.3 KiB
Sass
79 lines
2.3 KiB
Sass
$table-color-dark: $grey-lighter !default
|
|
$table-background-color-dark: $black !default
|
|
|
|
$table-cell-border-dark: 1px solid $grey-darker !default
|
|
$table-cell-heading-color-dark: $text-strong-dark !default
|
|
|
|
$table-head-cell-color-dark: $text-strong-dark !default
|
|
$table-foot-cell-color-dark: $text-strong-dark !default
|
|
|
|
$table-row-hover-background-color-dark: $black-bis !default
|
|
|
|
$table-row-active-background-color-dark: $primary-dark !default
|
|
$table-row-active-color-dark: $primary-invert-dark !default
|
|
|
|
$table-striped-row-even-background-color-dark: $black-bis !default
|
|
$table-striped-row-even-hover-background-color-dark: $black-ter !default
|
|
|
|
.table
|
|
background-color: $table-background-color-dark
|
|
color: $table-color-dark
|
|
td,
|
|
th
|
|
border: $table-cell-border-dark
|
|
// Colors
|
|
@each $name, $pair in $colors
|
|
$color: darken(nth($pair, 1), 10%)
|
|
$color-invert: nth($pair, 2)
|
|
&.is-#{$name}
|
|
background-color: $color
|
|
border-color: $color
|
|
color: $color-invert
|
|
// Colors Dark
|
|
@each $name, $pair in $colors
|
|
$color: nth($pair, 1)
|
|
$color-invert: nth($pair, 2)
|
|
&.is-#{$name}-dark
|
|
background-color: $color
|
|
border-color: $color
|
|
color: $color-invert
|
|
// Modifiers
|
|
&.is-selected
|
|
background-color: $table-row-active-background-color-dark
|
|
color: $table-row-active-color-dark
|
|
th
|
|
color: $table-cell-heading-color-dark
|
|
tr
|
|
&.is-selected
|
|
background-color: $table-row-active-background-color-dark
|
|
color: $table-row-active-color-dark
|
|
td,
|
|
th
|
|
border-color: $table-row-active-color-dark
|
|
thead
|
|
td,
|
|
th
|
|
color: $table-head-cell-color-dark
|
|
tfoot
|
|
td,
|
|
th
|
|
color: $table-foot-cell-color-dark
|
|
// Modifiers
|
|
&.is-hoverable
|
|
tbody
|
|
tr:not(.is-selected)
|
|
&:hover
|
|
background-color: $table-row-hover-background-color-dark
|
|
&.is-striped
|
|
tbody
|
|
tr:not(.is-selected)
|
|
&:hover
|
|
background-color: $table-row-hover-background-color-dark
|
|
&:nth-child(even)
|
|
background-color: $table-striped-row-even-hover-background-color-dark
|
|
&.is-striped
|
|
tbody
|
|
tr:not(.is-selected)
|
|
&:nth-child(even)
|
|
background-color: $table-striped-row-even-background-color-dark
|