@civicactions/cmsds-open-data-components 2.0.0-alpha.3 → 2.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CMSgov@2x-white-O.78cd05d3.png +0 -0
- package/dist/main.css +626 -0
- package/dist/main.css.map +1 -0
- package/dist/main.js +2707 -842
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts +218 -51
- package/dist/types.d.ts.map +1 -1
- package/package.json +3 -1
|
Binary file
|
package/dist/main.css
ADDED
|
@@ -0,0 +1,626 @@
|
|
|
1
|
+
.dc-dataset-searchlist-item h2 a {
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.dc-dataset-searchlist-item h2 a:hover {
|
|
6
|
+
text-decoration: underline;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dc-dataset-searchlist-item ul {
|
|
10
|
+
list-style: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.dc-dataset-searchlist-item .dc-dataset-searchlist-item--keyword {
|
|
14
|
+
background: var(--color-primary-alt-lightest);
|
|
15
|
+
color: var(--color-base);
|
|
16
|
+
border: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dc-dataset-search--facets-container .ds-c-accordion__content {
|
|
20
|
+
max-height: 32rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.dc-dataset-search--facets {
|
|
24
|
+
max-height: 32rem;
|
|
25
|
+
list-style: none;
|
|
26
|
+
display: block;
|
|
27
|
+
position: relative;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.dc-dataset-search-list {
|
|
31
|
+
list-style: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.dc-c-clear-filters {
|
|
35
|
+
font-weight: 300;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.dc-fulltext--input-container {
|
|
39
|
+
width: 100%;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.dc-fulltext--input-container input {
|
|
43
|
+
max-width: inherit;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.dc-search-header {
|
|
47
|
+
display: relative;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.dc-search-header:after {
|
|
51
|
+
content: "";
|
|
52
|
+
width: 48px;
|
|
53
|
+
height: 4px;
|
|
54
|
+
background-color: var(--color-primary-alt-light);
|
|
55
|
+
margin: 16px 0;
|
|
56
|
+
display: block;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.dataset-results-count {
|
|
60
|
+
font-weight: bold;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.dc-dataset-search--facets-container .ds-c-accordion__button {
|
|
64
|
+
justify-content: space-between;
|
|
65
|
+
padding: 16px 24px;
|
|
66
|
+
display: flex;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.dc-c-datatable {
|
|
70
|
+
width: 100%;
|
|
71
|
+
border-spacing: 0;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.dc-c-datatable th {
|
|
75
|
+
text-align: left;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.dc-c-datatable th .dc-c-resize-handle {
|
|
79
|
+
background-color: var(--color-gray-light);
|
|
80
|
+
width: 10px;
|
|
81
|
+
cursor: col-resize;
|
|
82
|
+
min-width: 10px;
|
|
83
|
+
z-index: 1;
|
|
84
|
+
margin-left: -10px;
|
|
85
|
+
display: block;
|
|
86
|
+
position: absolute;
|
|
87
|
+
top: 0;
|
|
88
|
+
bottom: 0;
|
|
89
|
+
right: 0;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.dc-c-datatable th .dc-c-resize-handle.isResizing, .dc-c-datatable th .dc-c-resize-handle:hover {
|
|
93
|
+
background-color: var(--color-primary);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.dc-c-datatable--even-row td {
|
|
97
|
+
background-color: var(--table-striped__background-color);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
th {
|
|
101
|
+
position: relative;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.dc-c-dataset-tags--tag {
|
|
105
|
+
background: var(--color-primary-alt-lightest);
|
|
106
|
+
display: inline-block;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.dc-c-additional-info-table table {
|
|
110
|
+
width: 100%;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.dc-c-additional-info-table a {
|
|
114
|
+
word-break: break-all;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.dc-c-resource-info-table table {
|
|
118
|
+
width: 100%;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.dc-resource-header:before {
|
|
122
|
+
content: "";
|
|
123
|
+
width: 48px;
|
|
124
|
+
height: 4px;
|
|
125
|
+
background-color: var(--color-primary-alt-light);
|
|
126
|
+
margin: 8px 0;
|
|
127
|
+
display: block;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.dc-truncate {
|
|
131
|
+
max-width: 85%;
|
|
132
|
+
text-overflow: ellipsis;
|
|
133
|
+
white-space: nowrap;
|
|
134
|
+
overflow: hidden;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.dc-c-metadata-description {
|
|
138
|
+
white-space: pre-line;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.ds-c-usa-banner__button-text:after {
|
|
142
|
+
width: 0 !important;
|
|
143
|
+
height: 0 !important;
|
|
144
|
+
margin: 0 !important;
|
|
145
|
+
padding: 0 !important;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.dc-c-mobile-menu--open {
|
|
149
|
+
color: var(--color-white);
|
|
150
|
+
text-decoration: none;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.dc-c-mobile-menu--open:before {
|
|
154
|
+
content: "";
|
|
155
|
+
color: var(--color-white);
|
|
156
|
+
height: 18px;
|
|
157
|
+
width: 18px;
|
|
158
|
+
text-align: center;
|
|
159
|
+
vertical-align: middle;
|
|
160
|
+
margin-left: 10px;
|
|
161
|
+
padding-right: 10px;
|
|
162
|
+
font-family: "Font Awesome 5 Pro";
|
|
163
|
+
font-size: 18px;
|
|
164
|
+
font-weight: lighter;
|
|
165
|
+
line-height: 18px;
|
|
166
|
+
display: inline-block;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.dc-c-mobile-menu--close {
|
|
170
|
+
color: var(--color-white);
|
|
171
|
+
padding-bottom: 16px;
|
|
172
|
+
padding-left: 0;
|
|
173
|
+
text-decoration: none;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.dc-c-mobile-menu--close:before {
|
|
177
|
+
content: "";
|
|
178
|
+
color: var(--color-white);
|
|
179
|
+
height: 18px;
|
|
180
|
+
width: 18px;
|
|
181
|
+
text-align: center;
|
|
182
|
+
vertical-align: middle;
|
|
183
|
+
padding-right: 10px;
|
|
184
|
+
font-family: "Font Awesome 5 Pro";
|
|
185
|
+
font-size: 18px;
|
|
186
|
+
font-weight: lighter;
|
|
187
|
+
line-height: 18px;
|
|
188
|
+
display: inline-block;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.dc-c-mobile-header--menu {
|
|
192
|
+
background-color: var(--color-gray-dark);
|
|
193
|
+
z-index: 500;
|
|
194
|
+
height: 100%;
|
|
195
|
+
width: 100%;
|
|
196
|
+
visibility: hidden;
|
|
197
|
+
padding: 50px 0;
|
|
198
|
+
transition: left .7s;
|
|
199
|
+
position: fixed;
|
|
200
|
+
top: 0;
|
|
201
|
+
bottom: 0;
|
|
202
|
+
left: -100%;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.dc-c-mobile-header .dc-c-site-menu--sub-menu {
|
|
206
|
+
width: auto;
|
|
207
|
+
background: none;
|
|
208
|
+
position: relative;
|
|
209
|
+
top: -24px;
|
|
210
|
+
left: auto;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.dc-c-mobile-header .dc-c-site-menu--sub-menu a {
|
|
214
|
+
padding: 8px;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.dc-c-cmsheader {
|
|
218
|
+
background: var(--color-white);
|
|
219
|
+
position: relative;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.dc-c-cms-mobile-header-menu:before {
|
|
223
|
+
width: 48px;
|
|
224
|
+
height: 2px;
|
|
225
|
+
background: var(--color-primary-alt-light);
|
|
226
|
+
content: "";
|
|
227
|
+
margin-bottom: 16px;
|
|
228
|
+
margin-left: 8px;
|
|
229
|
+
display: block;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.dc-c-cms-mobile-header-menu ul {
|
|
233
|
+
margin: 0;
|
|
234
|
+
padding: 0;
|
|
235
|
+
list-style: none;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.dc-c-cms-mobile-header-menu a, .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:focus, .dc-c-cms-mobile-header-menu a:visited {
|
|
239
|
+
color: var(--color-white);
|
|
240
|
+
background-color: #0000;
|
|
241
|
+
border-bottom: 2px solid #0000;
|
|
242
|
+
text-decoration: none;
|
|
243
|
+
display: inline-block;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:active {
|
|
247
|
+
border-bottom: 2px solid var(--color-primary-alt-light);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.has-submenu > button:after {
|
|
251
|
+
content: "";
|
|
252
|
+
color: var(--color-white);
|
|
253
|
+
height: 18px;
|
|
254
|
+
width: 18px;
|
|
255
|
+
text-align: center;
|
|
256
|
+
vertical-align: middle;
|
|
257
|
+
margin-left: 10px;
|
|
258
|
+
padding-right: 10px;
|
|
259
|
+
font-family: "Font Awesome 5 Pro";
|
|
260
|
+
font-size: 18px;
|
|
261
|
+
font-weight: lighter;
|
|
262
|
+
line-height: 18px;
|
|
263
|
+
display: inline-block;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.has-submenu.open > button:after {
|
|
267
|
+
content: "";
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.dc-c-header--mobile-links button {
|
|
271
|
+
padding: 0;
|
|
272
|
+
font-weight: 700;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.dc-c-header--mobile-links a {
|
|
276
|
+
display: block;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.dc-c-mobile-header.menu-open .dc-c-cmsheader {
|
|
280
|
+
z-index: 501;
|
|
281
|
+
background-color: #0000;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.dc-c-mobile-header.menu-open .dc-c-cmsheader-menu a, .dc-c-mobile-header.menu-open button, .dc-c-mobile-header.menu-open .cms-link-container a:before {
|
|
285
|
+
color: var(--color-white);
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.dc-c-mobile-header.menu-open .dc-c-mobile-header--menu {
|
|
289
|
+
visibility: visible;
|
|
290
|
+
left: 0;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
.cms-link-container {
|
|
294
|
+
border-right: none;
|
|
295
|
+
margin-right: 20px;
|
|
296
|
+
display: block;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.cms-link-container a {
|
|
300
|
+
border-bottom: none;
|
|
301
|
+
margin-right: 20px;
|
|
302
|
+
text-decoration: none;
|
|
303
|
+
display: inline-block;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
.cms-link-container a:before {
|
|
307
|
+
content: "";
|
|
308
|
+
color: #323a45;
|
|
309
|
+
height: 18px;
|
|
310
|
+
width: 18px;
|
|
311
|
+
text-align: center;
|
|
312
|
+
vertical-align: middle;
|
|
313
|
+
margin-left: 10px;
|
|
314
|
+
padding-right: 10px;
|
|
315
|
+
font-family: "Font Awesome 5 Pro";
|
|
316
|
+
font-size: 18px;
|
|
317
|
+
font-weight: lighter;
|
|
318
|
+
line-height: 18px;
|
|
319
|
+
display: inline-block;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
.cms-link-container img {
|
|
323
|
+
height: auto;
|
|
324
|
+
width: 90px;
|
|
325
|
+
vertical-align: middle;
|
|
326
|
+
display: inline-block;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
.cms-text-container {
|
|
330
|
+
color: #6f757c;
|
|
331
|
+
padding-top: 28px;
|
|
332
|
+
display: block;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.dc-c-cmsheader-menu {
|
|
336
|
+
margin: 0;
|
|
337
|
+
padding: 0;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.dc-c-cmsheader-menu li {
|
|
341
|
+
list-style: none;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.dc-c-cmsheader-menu a {
|
|
345
|
+
color: #323a45;
|
|
346
|
+
border-bottom: 1px solid #fff3;
|
|
347
|
+
margin: 3px 7px;
|
|
348
|
+
padding: 0;
|
|
349
|
+
text-decoration: none;
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
.dc-c-cmsheader-menu a:hover, .dc-c-cmsheader-menu a:active {
|
|
353
|
+
border-bottom: 2px solid #323a45;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
@media (min-width: 544px) {
|
|
357
|
+
.dc-c-main-navigation--search, .dc-c-mobile-menu--search {
|
|
358
|
+
border-left: 1px solid var(--color-white);
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
@media (min-width: 1024px) {
|
|
363
|
+
.cms-link-container {
|
|
364
|
+
height: 85px;
|
|
365
|
+
width: 240px;
|
|
366
|
+
float: left;
|
|
367
|
+
border-right: 1px solid #d6d7d9;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
.cms-link-container a {
|
|
371
|
+
margin-top: 28px;
|
|
372
|
+
margin-bottom: 20px;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
.cms-link-container img {
|
|
376
|
+
height: auto;
|
|
377
|
+
width: auto;
|
|
378
|
+
vertical-align: middle;
|
|
379
|
+
max-width: 80%;
|
|
380
|
+
display: inline-block;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.cms-link-container a:before {
|
|
384
|
+
width: 28px;
|
|
385
|
+
height: 28px;
|
|
386
|
+
margin-left: 0;
|
|
387
|
+
font-size: 28px;
|
|
388
|
+
line-height: 28px;
|
|
389
|
+
}
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
header.dc-c-header .dc-c-main-navigation--search button:focus {
|
|
393
|
+
box-shadow: none;
|
|
394
|
+
outline-offset: inherit;
|
|
395
|
+
background-color: #0000;
|
|
396
|
+
border-radius: 0;
|
|
397
|
+
outline: 3px solid #bd13b8;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
nav.dc-c-site-menu .dc-c-header--links {
|
|
401
|
+
margin: 0;
|
|
402
|
+
padding: 0;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
nav.dc-c-site-menu .dc-c-header--links li {
|
|
406
|
+
height: 100%;
|
|
407
|
+
list-style: none;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
nav.dc-c-site-menu .dc-c-header--links button {
|
|
411
|
+
color: var(--color-white);
|
|
412
|
+
border: none;
|
|
413
|
+
font-size: 16px;
|
|
414
|
+
text-decoration: none;
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
nav.dc-c-site-menu .dc-c-header--links button span {
|
|
418
|
+
border-bottom: 2px solid #0000;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
nav.dc-c-site-menu .dc-c-header--links a {
|
|
422
|
+
color: var(--color-white);
|
|
423
|
+
text-decoration: none;
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
nav.dc-c-site-menu .dc-c-header--links a span {
|
|
427
|
+
border-bottom: 2px solid #0000;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
nav.dc-c-site-menu .dc-c-header--links a:focus {
|
|
431
|
+
background-color: #0000;
|
|
432
|
+
outline: 3px solid #bd13b8;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
nav.dc-c-site-menu .dc-c-header--links button:focus {
|
|
436
|
+
box-shadow: none;
|
|
437
|
+
outline-offset: inherit;
|
|
438
|
+
background-color: #0000;
|
|
439
|
+
border-radius: 0;
|
|
440
|
+
outline: 3px solid #bd13b8;
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
nav.dc-c-site-menu .dc-c-header--links > li:hover > button span, nav.dc-c-site-menu .dc-c-header--links > li button:focus span, nav.dc-c-site-menu .dc-c-header--links > li button:hover span, nav.dc-c-site-menu .dc-c-header--links > li:hover > a span, nav.dc-c-site-menu .dc-c-header--links > li:focus > a span, nav.dc-c-site-menu .dc-c-header--links > li a:hover span, nav.dc-c-site-menu .dc-c-header--links > li a:focus span {
|
|
444
|
+
border-bottom: 2px solid var(--color-primary-alt-light);
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
nav > ul li ul {
|
|
448
|
+
display: none;
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
nav > ul li.open ul {
|
|
452
|
+
display: block;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
li.has-submenu {
|
|
456
|
+
position: relative;
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
.dc-c-site-menu--sub-menu {
|
|
460
|
+
background: var(--color-primary);
|
|
461
|
+
width: 300px;
|
|
462
|
+
margin: 0;
|
|
463
|
+
padding: 0;
|
|
464
|
+
position: absolute;
|
|
465
|
+
top: 48px;
|
|
466
|
+
left: 0;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
.dc-c-site-menu--sub-menu a {
|
|
470
|
+
padding: 16px;
|
|
471
|
+
display: block;
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
.dc-c-site-menu--sub-menu a span {
|
|
475
|
+
border-bottom: 2px solid #0000;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
.dc-c-site-menu--sub-menu a:hover span, .dc-c-site-menu--sub-menu a:focus span {
|
|
479
|
+
border-bottom: 2px solid var(--color-primary-alt-light);
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
.dc-c-site-title a {
|
|
483
|
+
color: var(--color-white);
|
|
484
|
+
text-decoration: none;
|
|
485
|
+
display: inline-block;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
div.ds-c-dialog-wrap {
|
|
489
|
+
background-color: #0071bce6;
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
div.ds-c-dialog {
|
|
493
|
+
box-shadow: none;
|
|
494
|
+
color: var(--color-white);
|
|
495
|
+
width: 100%;
|
|
496
|
+
height: 100%;
|
|
497
|
+
background-color: #0000;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
div.ds-c-dialog button {
|
|
501
|
+
background-color: #0000;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
.ds-c-dialog__header .ds-c-dialog__close {
|
|
505
|
+
color: var(--color-white);
|
|
506
|
+
background: none;
|
|
507
|
+
position: absolute;
|
|
508
|
+
top: 24px;
|
|
509
|
+
right: 24px;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.dc-c-mobile-menu--search {
|
|
513
|
+
display: inherit;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
.dc-c-search-modal--button:before {
|
|
517
|
+
content: "";
|
|
518
|
+
color: var(--color-white);
|
|
519
|
+
height: 18px;
|
|
520
|
+
width: 18px;
|
|
521
|
+
text-align: center;
|
|
522
|
+
vertical-align: middle;
|
|
523
|
+
margin-left: 10px;
|
|
524
|
+
padding-right: 10px;
|
|
525
|
+
font-family: "Font Awesome 5 Pro";
|
|
526
|
+
font-size: 18px;
|
|
527
|
+
font-weight: lighter;
|
|
528
|
+
line-height: 18px;
|
|
529
|
+
display: inline-block;
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
.dc-c-footer {
|
|
533
|
+
background-color: #fff;
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
.dc-c-footer ul {
|
|
537
|
+
margin: 0;
|
|
538
|
+
padding: 0;
|
|
539
|
+
list-style: none;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
.dc-c-footer--middle-container {
|
|
543
|
+
background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.dc-c-footer__title {
|
|
547
|
+
color: var(--color-gray);
|
|
548
|
+
font-weight: 400;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.dc-c-footer__title span {
|
|
552
|
+
font-weight: 700;
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
.dc-c-footer__resources {
|
|
556
|
+
background: #f6f9fd;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.dc-c-footer__utility {
|
|
560
|
+
background: var(--color-white);
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.dc-c-footer__utility li {
|
|
564
|
+
list-style: none;
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
.dc-c-footer__cms-information {
|
|
568
|
+
background: #e8f0fa;
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
.dc-footer--heading {
|
|
572
|
+
text-transform: uppercase;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.dc-c-emailupdates {
|
|
576
|
+
background-image: linear-gradient(35deg, var(--color-primary-darkest), var(--color-primary-darker), var(--color-primary));
|
|
577
|
+
color: var(--color-white);
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.dc-c-footer--svg-icon {
|
|
581
|
+
width: 40px;
|
|
582
|
+
height: 40px;
|
|
583
|
+
text-align: center;
|
|
584
|
+
font-size: 42px;
|
|
585
|
+
display: inline-block;
|
|
586
|
+
position: relative;
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
.dc-c-footer--svg-icon svg.svg-inline--fa {
|
|
590
|
+
width: 1em;
|
|
591
|
+
height: 1em;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.dc-c-footer--svg-icon .fa-circle {
|
|
595
|
+
fill: #6f757c;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
.dc-c-footer--svg-icon .fa-inverse {
|
|
599
|
+
fill: var(--color-white);
|
|
600
|
+
padding-left: 2px;
|
|
601
|
+
font-size: 25px;
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
.svg-inline--fa {
|
|
605
|
+
margin: auto;
|
|
606
|
+
position: absolute;
|
|
607
|
+
inset: 0;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.dc-c-resource-action {
|
|
611
|
+
min-height: 100%;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
.dc-filtered-resource-toggle {
|
|
615
|
+
align-self: center;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
.dc-c-filterd-resouce-drawer .ds-c-help-drawer__footer h4 {
|
|
619
|
+
display: none;
|
|
620
|
+
}
|
|
621
|
+
|
|
622
|
+
.dc-c-resource-header--buttons {
|
|
623
|
+
display: flex;
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
/*# sourceMappingURL=main.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"AACE;;;;AAEE;;;;AAKF;;;;AAIA;;;;;;ACZF;;;;AAIA;;;;;;;ACJA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAKF;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;;;AC/BA;;;;;AAGE;;;;AAEE;;;;;;;;;;;;;;AAYE;;;;AAQN;;;;AAIA;;;;AC7BA;;;;;ACCE;;;;AAKF;;;;ACLE;;;;ACAA;;;;;;;;;AAUF;;;;;;;AAOA;;;;ACjBE;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAiBA;;;;;;;;AAWF;;;;;AAGE;;;;;AAIA;;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAGA;;;;;AAMA;;;;;;;;AAQF;;;;AAYJ;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;;;AAMA;;;;AAIA;;;;;;;;AAQA;;;;AAGA;;;;;;;;AAQA;;;;AAKE;;;;;;;;;;;;;;;;AChYF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetTags/dataset-tags.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/ResourceInformation/resource-information-table.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":[".dc-dataset-searchlist-item {\n h2 a {\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n }\n\n ul {\n list-style: none;\n }\n\n .dc-dataset-searchlist-item--keyword {\n background: #{var(--color-primary-alt-lightest)};\n border: none;\n color: #{var(--color-base)};\n }\n}\n",".dc-dataset-search--facets-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--facets {\n display: block;\n list-style: none;\n position: relative;\n max-height: 32rem;\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-c-clear-filters {\n font-weight: 300;\n}\n\n.dc-fulltext--input-container {\n width: 100%;\n input {\n max-width: inherit;\n }\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dc-dataset-search--facets-container .ds-c-accordion__button {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 16px 24px;\n}\n",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n text-align: left;\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\nth {\n position: relative;\n}\n\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-dataset-tags--tag {\n display: inline-block;\n background: #{var(--color-primary-alt-lightest)};\n}\n",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n",".dc-c-resource-info-table {\n table {\n width: 100%;\n }\n}\n",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-truncate {\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-alt-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n // margin-top: -35px;\n margin-left: 0;\n }\n }\n}\n\n// .dc-c-main-navigation {\n// background-image: linear-gradient(90deg, $color-primary-darkest 10%,$color-primary 90%);\n// }\n\nheader.dc-c-header .dc-c-main-navigation--search {\n button {\n &:focus {\n background-color: transparent;\n outline: 3px solid #bd13b8;\n box-shadow: none;\n outline-offset: inherit;\n border-radius: 0px;\n }\n }\n}\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n color: #{var(--color-white)};\n span {\n border-bottom: 2px solid transparent;\n }\n &:focus {\n background-color: transparent;\n outline: 3px solid #bd13b8;\n }\n }\n button {\n &:focus {\n background-color: transparent;\n outline: 3px solid #bd13b8;\n box-shadow: none;\n outline-offset: inherit;\n border-radius: 0px;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n }\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n color: #{var(--color-white)};\n display: inline-block;\n}\n\ndiv.ds-c-dialog-wrap {\n background-color: rgba(0, 113, 188, 0.9);\n}\n\ndiv.ds-c-dialog {\n background-color: transparent;\n box-shadow: none;\n color: #{var(--color-white)};\n width: 100%;\n height: 100%;\n}\n\ndiv.ds-c-dialog button {\n background-color: transparent;\n}\n.ds-c-dialog__header .ds-c-dialog__close {\n color: #{var(--color-white)};\n background: none;\n position: absolute;\n top: 24px;\n right: 24px;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
|