Mercurial > nebulaweb3
diff default/node_modules/tablesaw/src/tables.stack-default-breakpoint.css @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/node_modules/tablesaw/src/tables.stack-default-breakpoint.css Sat May 31 09:21:51 2025 +0800 @@ -0,0 +1,57 @@ +@media (max-width: 39.9375em) { + /* Table rows have a gray bottom stroke by default */ + .tablesaw-stack tbody tr { + display: block; + width: 100%; + border-bottom: 1px solid #dfdfdf; + } + .tablesaw-stack thead td, + .tablesaw-stack thead th { + display: none; + } + .tablesaw-stack tbody td, + .tablesaw-stack tbody th { + display: block; + float: left; + clear: left; + width: 100%; + } + .tablesaw-cell-label { + vertical-align: top; + } + .tablesaw-cell-content { + display: inline-block; + max-width: 67%; + } + .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label, + .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + } + .tablesaw-stack td:empty, + .tablesaw-stack th:empty { + display: none; + } +} + +/* Media query to show as a standard table at 560px (35em x 16px) or wider */ +@media (min-width: 40em) { + .tablesaw-stack tr { + display: table-row; + } + /* Show the table header rows */ + .tablesaw-stack td, + .tablesaw-stack th, + .tablesaw-stack thead td, + .tablesaw-stack thead th { + display: table-cell; + margin: 0; + } + /* Hide the labels in each cell */ + .tablesaw-stack td .tablesaw-cell-label, + .tablesaw-stack th .tablesaw-cell-label { + display: none !important; + } +} \ No newline at end of file