|
0
|
1 @media (max-width: 39.9375em) {
|
|
|
2 /* Table rows have a gray bottom stroke by default */
|
|
|
3 .tablesaw-stack tbody tr {
|
|
|
4 display: block;
|
|
|
5 width: 100%;
|
|
|
6 border-bottom: 1px solid #dfdfdf;
|
|
|
7 }
|
|
|
8 .tablesaw-stack thead td,
|
|
|
9 .tablesaw-stack thead th {
|
|
|
10 display: none;
|
|
|
11 }
|
|
|
12 .tablesaw-stack tbody td,
|
|
|
13 .tablesaw-stack tbody th {
|
|
|
14 display: block;
|
|
|
15 float: left;
|
|
|
16 clear: left;
|
|
|
17 width: 100%;
|
|
|
18 }
|
|
|
19 .tablesaw-cell-label {
|
|
|
20 vertical-align: top;
|
|
|
21 }
|
|
|
22 .tablesaw-cell-content {
|
|
|
23 display: inline-block;
|
|
|
24 max-width: 67%;
|
|
|
25 }
|
|
|
26 .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
|
|
|
27 .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
|
|
|
28 display: block;
|
|
|
29 width: 100%;
|
|
|
30 max-width: 100%;
|
|
|
31 padding: 0;
|
|
|
32 }
|
|
|
33 .tablesaw-stack td:empty,
|
|
|
34 .tablesaw-stack th:empty {
|
|
|
35 display: none;
|
|
|
36 }
|
|
|
37 }
|
|
|
38
|
|
|
39 /* Media query to show as a standard table at 560px (35em x 16px) or wider */
|
|
|
40 @media (min-width: 40em) {
|
|
|
41 .tablesaw-stack tr {
|
|
|
42 display: table-row;
|
|
|
43 }
|
|
|
44 /* Show the table header rows */
|
|
|
45 .tablesaw-stack td,
|
|
|
46 .tablesaw-stack th,
|
|
|
47 .tablesaw-stack thead td,
|
|
|
48 .tablesaw-stack thead th {
|
|
|
49 display: table-cell;
|
|
|
50 margin: 0;
|
|
|
51 }
|
|
|
52 /* Hide the labels in each cell */
|
|
|
53 .tablesaw-stack td .tablesaw-cell-label,
|
|
|
54 .tablesaw-stack th .tablesaw-cell-label {
|
|
|
55 display: none !important;
|
|
|
56 }
|
|
|
57 } |
