blob: d18f18caa00df0fbcff7b457f38c649df354769a [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
Hao Zhud8a2e332020-08-11 01:26:32 -040050.lightable-classic-2 {
51 border-top: 3px double #111111;
52 border-bottom: 3px double #111111;
53 width: 100%;
54 margin-bottom: 10px;
55}
56
57.lightable-classic-2 thead tr:last-child th {
58 border-bottom: 1px solid #111111;
59}
60
61.lightable-classic-2.lightable-hover tbody tr:hover {
62 background-color: #f5f5f5;
63}
64
65.lightable-classic-2.lightable-striped tr:nth-child(even) {
66 background-color: #f5f5f5;
67}
68
Hao Zhuad4ea392020-08-10 01:24:50 -040069.lightable-material {
70 min-width: 100%;
71 white-space: nowrap;
72 table-layout: fixed;
73 font-family: Roboto, sans-serif;
74 border: 1px solid #EEE;
75 border-collapse: collapse;
Hao Zhud7762a42020-08-10 09:05:47 -040076 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -040077}
78
79.lightable-material th {
Hao Zhu9bf19982020-08-11 00:50:33 -040080 height: 56px;
81 padding-left: 16px;
82 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -040083}
84
85.lightable-material td {
Hao Zhu9bf19982020-08-11 00:50:33 -040086 height: 52px;
87 padding-left: 16px;
88 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -040089 border-top: 1px solid #eeeeee;
90}
91
Hao Zhu81c335c2020-08-10 09:20:41 -040092.lightable-material.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -040093 background-color: #f5f5f5;
94}
95
96.lightable-material.lightable-striped tr:nth-child(even) {
97 background-color: #f5f5f5;
98}
99
100.lightable-material.lightable-striped td {
Hao Zhu81c335c2020-08-10 09:20:41 -0400101 border: 0;
Hao Zhuad4ea392020-08-10 01:24:50 -0400102}
103
104.lightable-material.lightable-striped thead tr:last-child th {
105 border-bottom: 1px solid #ddd;
106}
Hao Zhu9bf19982020-08-11 00:50:33 -0400107
108.lightable-material-dark {
109 min-width: 100%;
110 white-space: nowrap;
111 table-layout: fixed;
112 font-family: Roboto, sans-serif;
113 border: 1px solid #FFFFFF12;
114 border-collapse: collapse;
115 margin-bottom: 10px;
116 background-color: #363640;
117}
118
119.lightable-material-dark th {
120 height: 56px;
121 padding-left: 16px;
122 padding-right: 16px;
123 color: #FFFFFF60;
124}
125
126.lightable-material-dark td {
127 height: 52px;
128 padding-left: 16px;
129 padding-right: 16px;
130 color: #FFFFFF;
131 border-top: 1px solid #FFFFFF12;
132}
133
134.lightable-material-dark.lightable-hover tbody tr:hover {
135 background-color: #FFFFFF12;
136}
137
138.lightable-material-dark.lightable-striped tr:nth-child(even) {
139 background-color: #FFFFFF12;
140}
141
142.lightable-material-dark.lightable-striped td {
143 border: 0;
144}
145
146.lightable-material-dark.lightable-striped thead tr:last-child th {
147 border-bottom: 1px solid #FFFFFF12;
148}