Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
tables.less 4.11 KiB
1 
//
2 
// Tables
3 
// --------------------------------------------------
4
5
6 
table {
7 
  max-width: 100%;
8 
  background-color: @table-bg;
9 
}
10 
th {
11 
  text-align: left;
12 
}
13
14
15 
// Baseline styles
16
17 
.table {
18 
  width: 100%;
19 
  margin-bottom: @line-height-computed;
20 
  // Cells
21 
  thead,
22 
  tbody,
23 
  tfoot {
24 
    > tr {
25 
      > th,
26 
      > td {
27 
        padding: @table-cell-padding;
28 
        line-height: @line-height-base;
29 
        vertical-align: top;
30 
        border-top: 1px solid @table-border-color;
31 
      }
32 
    }
33 
  }
34 
  // Bottom align for column headings
35 
  thead > tr > th {
36 
    vertical-align: bottom;
37 
    border-bottom: 2px solid @table-border-color;
38 
  }
39 
  // Remove top border from thead by default
40 
  caption + thead,
41 
  colgroup + thead,
42 
  thead:first-child {
43 
    tr:first-child {
44 
      th, td {
45 
        border-top: 0;
46 
      }
47 
    }
48 
  }
49 
  // Account for multiple tbody instances
50 
  tbody + tbody {
51 
    border-top: 2px solid @table-border-color;
52 
  }
53
54 
  // Nesting
55 
  .table {
56 
    background-color: @body-bg;
57 
  }
58 
}
59
60
61 
// Condensed table w/ half padding
62
63 
.table-condensed {
64 
  thead,
65 
  tbody,
66 
  tfoot {
67 
    > tr {
68 
      > th,
69 
      > td {
70 
        padding: @table-condensed-cell-padding;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
} } } } // Bordered version // // Add borders all around the table and between all the columns. .table-bordered { border: 1px solid @table-border-color; > thead, > tbody, > tfoot { > tr { > th, > td { border: 1px solid @table-border-color; } } } > thead { > tr { > th, > td { border-bottom-width: 2px; } } } } // Zebra-striping // // Default zebra-stripe styles (alternating gray and transparent backgrounds) .table-striped { > tbody { > tr:nth-child(odd) { > td, > th { background-color: @table-bg-accent; } } } } // Hover effect // // Placed here since it has to come after the potential zebra striping .table-hover { > tbody { > tr:hover { > td, > th { background-color: @table-bg-hover; } } } } // Table cell sizing // // Reset default table behavior table col[class*="col-"] {