Mercurial > nebulaweb3

comparison default/node_modules/tablesaw/src/tables.stack-default-breakpoint.css @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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 }