source: main/waeup-hugo/public/sass/components/_table.scss @ 16827

Last change on this file since 16827 was 14926, checked in by Henrik Bettermann, 7 years ago
File size: 1.3 KB
Line 
1///
2/// Dimension by HTML5 UP
3/// html5up.net | @ajlkn
4/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5///
6
7/* Table */
8
9        .table-wrapper {
10                -webkit-overflow-scrolling: touch;
11                overflow-x: auto;
12        }
13
14        table {
15                margin: 0 0 _size(element-margin) 0;
16                width: 100%;
17
18                tbody {
19                        tr {
20                                border: solid _size(border-width) _palette(border);
21                                border-left: 0;
22                                border-right: 0;
23
24                                &:nth-child(2n + 1) {
25                                        background-color: _palette(border-bg);
26                                }
27                        }
28                }
29
30                td {
31                        padding: 0.75em 0.75em;
32                }
33
34                th {
35                        color: _palette(fg-bold);
36                        font-size: 0.9em;
37                        font-weight: _font(weight-bold);
38                        padding: 0 0.75em 0.75em 0.75em;
39                        text-align: left;
40                }
41
42                thead {
43                        border-bottom: solid (_size(border-width) * 2) _palette(border);
44                }
45
46                tfoot {
47                        border-top: solid (_size(border-width) * 2) _palette(border);
48                }
49
50                &.alt {
51                        border-collapse: separate;
52
53                        tbody {
54                                tr {
55                                        td {
56                                                border: solid _size(border-width) _palette(border);
57                                                border-left-width: 0;
58                                                border-top-width: 0;
59
60                                                &:first-child {
61                                                        border-left-width: _size(border-width);
62                                                }
63                                        }
64
65                                        &:first-child {
66                                                td {
67                                                        border-top-width: _size(border-width);
68                                                }
69                                        }
70                                }
71                        }
72
73                        thead {
74                                border-bottom: 0;
75                        }
76
77                        tfoot {
78                                border-top: 0;
79                        }
80                }
81        }
Note: See TracBrowser for help on using the repository browser.