_table.scss
928 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.table {
background-color: $white;
margin-top: $line-height;
margin-bottom: $line-height;
width: 100%;
td,
th {
border: 1px solid $black-bg;
line-height: $line-height;
padding: (($cell-height - $line-height) / 2) $grid-gutter (($cell-height - $line-height) / 2 - 1);
vertical-align: top;
&.nowrap {
white-space: nowrap;
width: 1%;
}
}
> thead {
td,
th {
background-color: $white-bg;
color: $black-sec;
vertical-align: bottom;
}
}
}
.table-stripe > tbody > tr:nth-child(odd) {
background-color: $white-bg-light;
}
.table-hover > tbody > tr:hover {
background-color: $white-bg-dark;
}
// responsive
.table-responsive {
margin-top: $line-height;
margin-bottom: $line-height;
min-height: 0.01%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
.table {
margin-top: 0;
margin-bottom: 0;
}
}