1

13693261870

2022-09-16 06df9667ad1465622bf0e423dc3840ef9f93c725

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
/*! 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;
  }
}
@mixin tablesaw-stack-max {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }
  .tablesaw-cell-label {
    vertical-align: top;
  }
  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }
  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}
 
@mixin tablesaw-stack-min {
  .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;
  }
}
 
$use-respond-mixins: false !default;
@mixin tablesaw-stack( $breakpoint: 40em ) {
  @if $use-respond-mixins {
    @include respond-max($breakpoint - .0625) {
      @include tablesaw-stack-max;
    }
    @include respond-min($breakpoint) {
      @include tablesaw-stack-min;
    }
  }
  @else {
    @media (max-width: ($breakpoint - .0625)) {
      @include tablesaw-stack-max;
    }
    @media (min-width: $breakpoint) {
      @include tablesaw-stack-min;
    }
  }
}