HFish/static/css/tablesaw.stackonly.css
2019-08-07 13:16:23 +08:00

77 lines
1.9 KiB
Go

/*! Tablesaw - v2.0.2 - 2015-10-28
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed */
/*! Tablesaw - v2.0.2 - 2015-10-28
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed */
table.tablesaw {
empty-cells: show;
max-width: 100%;
width: 100%; }
.tablesaw {
border-collapse: collapse;
width: 100%; }
/* Structure */
.tablesaw {
border: 0;
padding: 0; }
.tablesaw th,
.tablesaw td {
box-sizing: border-box;
padding: .5em .7em; }
.tablesaw thead tr:first-child th {
padding-top: .9em;
padding-bottom: .7em; }
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
border-bottom: 1px solid #dfdfdf; }
.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 */
@media only all {
/* Show the table cells as a block level element */
.tablesaw-stack td,
.tablesaw-stack th {
text-align: left;
display: block; }
.tablesaw-stack tr {
clear: both;
display: table-row; }
/* Make the label elements a percentage width */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: block;
padding: 0 .6em 0 0;
width: 30%;
display: inline-block; }
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.tablesaw-stack th .tablesaw-cell-label-top,
.tablesaw-stack td .tablesaw-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0; }
.tablesaw-cell-label {
display: block; }
/* Avoid double strokes when stacked */
.tablesaw-stack tbody th.group {
margin-top: -1px; }
/* Avoid double strokes when stacked */
.tablesaw-stack th.group b.tablesaw-cell-label {
display: none !important; } }
/*# sourceMappingURL=tablesaw.stackonly.css.map */