Commit f225b21f authored by Mark Fullmer's avatar Mark Fullmer

Add full complement of Tablesaw CSS to 'responsive' stylesheet

parent 1e56cd69
......@@ -2,6 +2,10 @@
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */
/* Drupal module note: this replicates the full-width rendering
of tables and leaves out responsive behavior; this is to retain
full-width behavior in 'print' stylesheet context. */
.tablesaw {
width: 100%;
max-width: 100%;
......
/*! Tablesaw - v3.1.1 - 2019-03-15
/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */
.tablesaw {
width: 100%;
max-width: 100%;
empty-cells: show;
border-collapse: collapse;
border: 0;
padding: 0;
}
.tablesaw * {
box-sizing: border-box;
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Support note IE9+: @media only all */
@media only all {
/* Show the table cells as a block level element */
......@@ -99,3 +121,28 @@
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;
}
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment