blob: dc8fbb63ca0fe09726597e019512535823c65d57 [file] [log] [blame]
Hao Zhuad4ea392020-08-10 01:24:50 -04001/*!
2 * lightable v0.0.1
3 * Copyright 2020 Hao Zhu
4 * Licensed under MIT (https://github.com/haozhu233/kableExtra/blob/master/LICENSE)
5 */
6
7.lightable-minimal {
8 border-collapse: separate;
9 border-spacing: 16px 1px;
10 width: 100%;
Hao Zhud7762a42020-08-10 09:05:47 -040011 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -040012}
13
14.lightable-minimal thead tr th {
15 border-bottom: 2px solid black;
16 empty-cells: hide;
17}
18
19.lightable-minimal tbody tr:first-child td {
20 padding-top: 0.5em;
21}
22
Hao Zhu81c335c2020-08-10 09:20:41 -040023.lightable-minimal.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -040024 background-color: #f5f5f5;
25}
26
27.lightable-minimal.lightable-striped tr:nth-child(even) {
28 background-color: #f5f5f5;
29}
30
31.lightable-classic {
32 border-top: 2px solid #111111;
33 border-bottom: 2px solid #111111;
34 width: 100%;
Hao Zhud7762a42020-08-10 09:05:47 -040035 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -040036}
37
38.lightable-classic thead tr:last-child th {
39 border-bottom: 1px solid #111111;
40}
41
Hao Zhu81c335c2020-08-10 09:20:41 -040042.lightable-classic.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -040043 background-color: #f5f5f5;
44}
45
46.lightable-classic.lightable-striped tr:nth-child(even) {
47 background-color: #f5f5f5;
48}
49
50.lightable-material {
51 min-width: 100%;
52 white-space: nowrap;
53 table-layout: fixed;
54 font-family: Roboto, sans-serif;
55 border: 1px solid #EEE;
56 border-collapse: collapse;
Hao Zhud7762a42020-08-10 09:05:47 -040057 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -040058}
59
60.lightable-material th {
Hao Zhu9bf19982020-08-11 00:50:33 -040061 height: 56px;
62 padding-left: 16px;
63 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -040064}
65
66.lightable-material td {
Hao Zhu9bf19982020-08-11 00:50:33 -040067 height: 52px;
68 padding-left: 16px;
69 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -040070 border-top: 1px solid #eeeeee;
71}
72
Hao Zhu81c335c2020-08-10 09:20:41 -040073.lightable-material.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -040074 background-color: #f5f5f5;
75}
76
77.lightable-material.lightable-striped tr:nth-child(even) {
78 background-color: #f5f5f5;
79}
80
81.lightable-material.lightable-striped td {
Hao Zhu81c335c2020-08-10 09:20:41 -040082 border: 0;
Hao Zhuad4ea392020-08-10 01:24:50 -040083}
84
85.lightable-material.lightable-striped thead tr:last-child th {
86 border-bottom: 1px solid #ddd;
87}
Hao Zhu9bf19982020-08-11 00:50:33 -040088
89.lightable-material-dark {
90 min-width: 100%;
91 white-space: nowrap;
92 table-layout: fixed;
93 font-family: Roboto, sans-serif;
94 border: 1px solid #FFFFFF12;
95 border-collapse: collapse;
96 margin-bottom: 10px;
97 background-color: #363640;
98}
99
100.lightable-material-dark th {
101 height: 56px;
102 padding-left: 16px;
103 padding-right: 16px;
104 color: #FFFFFF60;
105}
106
107.lightable-material-dark td {
108 height: 52px;
109 padding-left: 16px;
110 padding-right: 16px;
111 color: #FFFFFF;
112 border-top: 1px solid #FFFFFF12;
113}
114
115.lightable-material-dark.lightable-hover tbody tr:hover {
116 background-color: #FFFFFF12;
117}
118
119.lightable-material-dark.lightable-striped tr:nth-child(even) {
120 background-color: #FFFFFF12;
121}
122
123.lightable-material-dark.lightable-striped td {
124 border: 0;
125}
126
127.lightable-material-dark.lightable-striped thead tr:last-child th {
128 border-bottom: 1px solid #FFFFFF12;
129}