less/patternfly/tables.less

   1 //
   2 // Tables
   3 // --------------------------------------------------
   4
   5 .table {
   6   > thead,
   7   > tbody,
   8   > tfoot {
   9     > tr {
  10       > th,
  11       > td {
  12         padding: @table-cell-padding-top @table-cell-padding @table-cell-padding-bottom;
  13         > a:hover {
  14           text-decoration: none;
  15         }
  16       }
  17       > th {
  18         font-family: 'Open Sans';
  19         font-style: normal;
  20         font-weight: 600;
  21       }
  22     }
  23   }
  24   > thead {
  25     background-clip: padding-box;
  26     background-color: #f9f9f9;
  27     #gradient > .vertical(@start-color: #fafafa; @end-color: #ededed; @start-percent: 0%; @end-percent: 100%);
  28   }
  29 }
  30
  31 .table-bordered {
  32   border: 1px solid @table-border-color;
  33   > thead,
  34   > tbody,
  35   > tfoot {
  36     > tr {
  37       > th,
  38       > td {
  39         border: 1px solid @table-border-color;
  40       }
  41     }
  42   }
  43   > thead > tr {
  44     > th,
  45     > td {
  46       border-bottom-width: 1px;
  47     }
  48   }
  49 }
  50
  51 .table-striped {
  52   > tbody > tr{
  53     &:nth-of-type(even) {
  54       background-color: @table-bg-accent;
  55     }
  56     &:nth-of-type(odd) {
  57       background-color: transparent;
  58     }
  59   }
  60 }
  61
  62 .table-hover {
  63   > tbody > tr:hover {
  64     > td,
  65     > th {
  66       background-color: @table-bg-hover;
  67       border-bottom-color: @table-border-hover;
  68     }
  69   }
  70 }