git.roojs.org Git - roojs1/blob - scss/bootstrap/mixins/_table-row.scss

   1 // Tables
   2
   3 @mixin table-row-variant($state, $background, $border: null) {
   4   // Exact selectors below required to override `.table-striped` and prevent
   5   // inheritance to nested tables.
   6   .table-#{$state} {
   7     &,
   8     > th,
   9     > td {
  10       background-color: $background;
  11     }
  12
  13     @if $border != null {
  14       th,
  15       td,
  16       thead th,
  17       tbody + tbody {
  18         border-color: $border;
  19       }
  20     }
  21   }
  22
  23   // Hover states for `.table-hover`
  24   // Note: this is not available for cells or rows within `thead` or `tfoot`.
  25   .table-hover {
  26     $hover-background: darken($background, 5%);
  27
  28     .table-#{$state} {
  29       @include hover {
  30         background-color: $hover-background;
  31
  32         > td,
  33         > th {
  34           background-color: $hover-background;
  35         }
  36       }
  37     }
  38   }
  39 }