@department-of-veterans-affairs/css-library 0.13.0 → 0.13.1-rc2

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.
Files changed (46) hide show
  1. package/dist/stylesheets/_mixins.scss +2 -3
  2. package/dist/stylesheets/base/fonts.css +1 -1589
  3. package/dist/stylesheets/base/headings.css +1 -1523
  4. package/dist/stylesheets/base/utils.css +1 -137
  5. package/dist/stylesheets/base/va.css +1 -1843
  6. package/dist/stylesheets/core.css +1 -6033
  7. package/dist/stylesheets/formation-overrides/core/base.css +1 -64
  8. package/dist/stylesheets/formation-overrides/core/fonts.css +1 -46
  9. package/dist/stylesheets/formation-overrides/elements/buttons.css +1 -562
  10. package/dist/stylesheets/formation-overrides/elements/inputs.css +1 -384
  11. package/dist/stylesheets/formation-overrides/elements/labels.css +1 -28
  12. package/dist/stylesheets/formation-overrides/elements/lists.css +1 -57
  13. package/dist/stylesheets/formation-overrides/elements/table.css +1 -78
  14. package/dist/stylesheets/formation-overrides/elements/typography.css +1 -312
  15. package/dist/stylesheets/mobile-typography.css +1 -13
  16. package/dist/stylesheets/modules/m-action-link.css +1 -1447
  17. package/dist/stylesheets/modules/m-additional-info.css +1 -39
  18. package/dist/stylesheets/modules/m-alert.css +1 -248
  19. package/dist/stylesheets/modules/m-breadcrumbs.css +1 -96
  20. package/dist/stylesheets/modules/m-button.css +1 -153
  21. package/dist/stylesheets/modules/m-dropdown.css +1 -47
  22. package/dist/stylesheets/modules/m-emergency-banner.css +1 -33
  23. package/dist/stylesheets/modules/m-external-link.css +1 -14
  24. package/dist/stylesheets/modules/m-form-elements.css +1 -231
  25. package/dist/stylesheets/modules/m-form-process.css +1 -219
  26. package/dist/stylesheets/modules/m-homepage-hero.css +1 -76
  27. package/dist/stylesheets/modules/m-hub-page-link-list.css +1 -40
  28. package/dist/stylesheets/modules/m-loading-indicator.css +1 -41
  29. package/dist/stylesheets/modules/m-maintenance-banner.css +1 -33
  30. package/dist/stylesheets/modules/m-megamenu.css +1 -370
  31. package/dist/stylesheets/modules/m-modal.css +1 -117
  32. package/dist/stylesheets/modules/m-nav-linklist.css +1 -49
  33. package/dist/stylesheets/modules/m-nav-sidebar.css +1 -349
  34. package/dist/stylesheets/modules/m-omb-info.css +0 -5
  35. package/dist/stylesheets/modules/m-overlay.css +1 -72
  36. package/dist/stylesheets/modules/m-print.css +1 -27
  37. package/dist/stylesheets/modules/m-process-list.css +1 -162
  38. package/dist/stylesheets/modules/va-pagination.css +1 -90
  39. package/dist/stylesheets/modules/va-tabs.css +1 -53
  40. package/dist/stylesheets/shame.css +1 -266
  41. package/dist/stylesheets/uswds-typography.css +1 -4201
  42. package/dist/stylesheets/utilities.css +1 -15539
  43. package/dist/tokens/css/variables.css +10 -3
  44. package/dist/tokens/json/variables.json +157 -4
  45. package/dist/tokens/scss/variables.scss +10 -3
  46. package/package.json +3 -3
@@ -1,370 +1 @@
1
- /**
2
- Variables ported over from Formation so that we can keep those stylesheets
3
- working while we work on deprecation.
4
- **/
5
- /**
6
- Variables ported over from Formation so that we can keep those stylesheets
7
- working while we work on deprecation.
8
- **/
9
- /**
10
- /uswds/dist/scss/lib/addons/_margin.scss
11
- **/
12
- /**
13
- uswds/src/stylesheets/lib/helpers/_directional-values.scss
14
- **/
15
- #mega-menu,
16
- .mega-menu {
17
- flex: 1 0 100%;
18
- color: #005ea2;
19
- width: 100%;
20
- z-index: 2;
21
- }
22
- #mega-menu .panel-bottom-link,
23
- .mega-menu .panel-bottom-link {
24
- position: unset;
25
- height: 25px;
26
- margin-left: 10px;
27
- margin-right: 10px;
28
- margin-bottom: 3px;
29
- border: none;
30
- }
31
- #mega-menu .panel-bottom-link a,
32
- .mega-menu .panel-bottom-link a {
33
- padding: 20px 25px 20px 7px;
34
- font-weight: bold;
35
- }
36
- #mega-menu .panel-bottom-link a svg,
37
- .mega-menu .panel-bottom-link a svg {
38
- width: 15px;
39
- }
40
- #mega-menu .column-three,
41
- .mega-menu .column-three {
42
- display: none;
43
- }
44
- #mega-menu .vetnav-level2,
45
- .mega-menu .vetnav-level2 {
46
- width: 100%;
47
- }
48
- #mega-menu .panel-top-link:nth-of-type(1),
49
- .mega-menu .panel-top-link:nth-of-type(1) {
50
- display: block;
51
- font-weight: bold;
52
- padding-top: 15px;
53
- }
54
- #mega-menu .vetnav-panel--submenu:not([hidden]),
55
- .mega-menu .vetnav-panel--submenu:not([hidden]) {
56
- position: static;
57
- }
58
- #mega-menu .vetnav-panel--submenu:not([hidden]) h3,
59
- .mega-menu .vetnav-panel--submenu:not([hidden]) h3 {
60
- display: none;
61
- }
62
- #mega-menu .back-button,
63
- .mega-menu .back-button {
64
- display: block;
65
- }
66
- #mega-menu .vetnav-panel,
67
- .mega-menu .vetnav-panel {
68
- height: auto;
69
- }
70
- #mega-menu .mm-link-container-small,
71
- .mega-menu .mm-link-container-small {
72
- background: #112e51;
73
- height: 100%;
74
- position: absolute;
75
- width: 100%;
76
- top: 0;
77
- z-index: 200;
78
- }
79
- #mega-menu .all-link-arrow,
80
- .mega-menu .all-link-arrow {
81
- display: none;
82
- }
83
- #mega-menu .vetnav-level1:active, #mega-menu .vetnav-level1:visited, #mega-menu .vetnav-level1:focus, #mega-menu .vetnav-level1:hover,
84
- .mega-menu .vetnav-level1:active,
85
- .mega-menu .vetnav-level1:visited,
86
- .mega-menu .vetnav-level1:focus,
87
- .mega-menu .vetnav-level1:hover {
88
- color: #ffffff;
89
- }
90
- #mega-menu .mm-links,
91
- .mega-menu .mm-links {
92
- white-space: pre-wrap;
93
- }
94
- @media screen and (min-width: 768px), print and (min-width: 768px) {
95
- #mega-menu,
96
- .mega-menu {
97
- min-height: 51px;
98
- }
99
- #mega-menu .vetnav-panel--submenu:not([hidden]),
100
- .mega-menu .vetnav-panel--submenu:not([hidden]) {
101
- position: absolute;
102
- box-shadow: none;
103
- width: 260px;
104
- padding: 72px 0px 0px 28px;
105
- white-space: normal;
106
- }
107
- #mega-menu .vetnav-panel--submenu:not([hidden]) h3,
108
- .mega-menu .vetnav-panel--submenu:not([hidden]) h3 {
109
- display: block;
110
- color: #000000;
111
- font-family: Source Sans Pro, sans serif;
112
- font-size: 16px;
113
- font-weight: bold;
114
- margin-top: 4px;
115
- padding: 0;
116
- }
117
- #mega-menu .vetnav-panel--submenu:not([hidden]).panel-white,
118
- .mega-menu .vetnav-panel--submenu:not([hidden]).panel-white {
119
- padding-top: 22px;
120
- }
121
- #mega-menu .vetnav-level1[aria-expanded=true],
122
- .mega-menu .vetnav-level1[aria-expanded=true] {
123
- border-top-color: #8a7237;
124
- }
125
- #mega-menu .vetnav-level1[aria-expanded=true]:active, #mega-menu .vetnav-level1[aria-expanded=true]:visited, #mega-menu .vetnav-level1[aria-expanded=true]:focus, #mega-menu .vetnav-level1[aria-expanded=true]:hover,
126
- .mega-menu .vetnav-level1[aria-expanded=true]:active,
127
- .mega-menu .vetnav-level1[aria-expanded=true]:visited,
128
- .mega-menu .vetnav-level1[aria-expanded=true]:focus,
129
- .mega-menu .vetnav-level1[aria-expanded=true]:hover {
130
- color: #212121;
131
- }
132
- #mega-menu .vetnav-level2[aria-expanded=true],
133
- .mega-menu .vetnav-level2[aria-expanded=true] {
134
- box-shadow: -3px 0 #8a7237;
135
- }
136
- #mega-menu .vetnav-panel,
137
- .mega-menu .vetnav-panel {
138
- box-shadow: 0 7px 25px -11px #000000;
139
- height: 490px;
140
- width: 1008px;
141
- left: 0;
142
- }
143
- #mega-menu .vetnav-panel .mm-links,
144
- .mega-menu .vetnav-panel .mm-links {
145
- padding: 5px 0px;
146
- }
147
- #mega-menu .vetnav-panel .mm-link-container,
148
- .mega-menu .vetnav-panel .mm-link-container {
149
- width: 225px;
150
- margin-bottom: 0;
151
- }
152
- #mega-menu .column-one,
153
- .mega-menu .column-one {
154
- left: 20px;
155
- }
156
- #mega-menu .column-one.panel-white,
157
- .mega-menu .column-one.panel-white {
158
- background-color: #ffffff;
159
- border-left: none;
160
- }
161
- #mega-menu .column-two,
162
- .mega-menu .column-two {
163
- border-left: none;
164
- left: 280px;
165
- }
166
- #mega-menu .column-two.panel-white,
167
- .mega-menu .column-two.panel-white {
168
- background-color: #ffffff;
169
- border-left: none;
170
- }
171
- #mega-menu .column-three,
172
- .mega-menu .column-three {
173
- border-left: none;
174
- color: #000000;
175
- left: 540px;
176
- white-space: normal;
177
- }
178
- #mega-menu .column-three.vetnav-panel--submenu:not([hidden]),
179
- .mega-menu .column-three.vetnav-panel--submenu:not([hidden]) {
180
- padding: 86px 20px 20px 14px;
181
- width: 240px;
182
- }
183
- #mega-menu .column-three.vetnav-panel--submenu:not([hidden]).panel-white,
184
- .mega-menu .column-three.vetnav-panel--submenu:not([hidden]).panel-white {
185
- padding-top: 30px;
186
- background-color: #ffffff;
187
- border-left: none;
188
- }
189
- #mega-menu .column-three a,
190
- .mega-menu .column-three a {
191
- font-weight: bold;
192
- padding: 14px 0px 0px 0px;
193
- }
194
- #mega-menu .panel-bottom-link,
195
- .mega-menu .panel-bottom-link {
196
- margin: 0;
197
- }
198
- #mega-menu .all-link-arrow,
199
- .mega-menu .all-link-arrow {
200
- display: initial;
201
- }
202
- #mega-menu .panel-top-link,
203
- .mega-menu .panel-top-link {
204
- display: none !important;
205
- }
206
- #mega-menu .vetnav-level2,
207
- .mega-menu .vetnav-level2 {
208
- width: 15.1875rem;
209
- }
210
- }
211
- #mega-menu .panel-title,
212
- .mega-menu .panel-title {
213
- font-weight: bold;
214
- color: #000000;
215
- }
216
- #mega-menu a.vetnav-level1,
217
- .mega-menu a.vetnav-level1 {
218
- color: #ffffff;
219
- }
220
- #mega-menu .main-column,
221
- .mega-menu .main-column {
222
- left: -230px;
223
- }
224
- #mega-menu .main-column.panel-white,
225
- .mega-menu .main-column.panel-white {
226
- background-color: #ffffff;
227
- }
228
- #mega-menu .mm-marketing-container,
229
- .mega-menu .mm-marketing-container {
230
- background-color: #ffffff;
231
- height: 380px;
232
- overflow: hidden;
233
- }
234
- #mega-menu .mm-marketing-container.mm-marketing-gray,
235
- .mega-menu .mm-marketing-container.mm-marketing-gray {
236
- background-color: #f0f0f0;
237
- }
238
- #mega-menu .mm-marketing-container .mm-marketing-text,
239
- .mega-menu .mm-marketing-container .mm-marketing-text {
240
- padding: 20px;
241
- }
242
- #mega-menu .mm-marketing-container .mm-marketing-text a,
243
- .mega-menu .mm-marketing-container .mm-marketing-text a {
244
- font-size: 16px;
245
- }
246
- #mega-menu .mm-marketing-container p,
247
- .mega-menu .mm-marketing-container p {
248
- font-size: 16px;
249
- margin-top: 5px;
250
- }
251
- #mega-menu #vetnav-column-one-col .panel-bottom-link,
252
- .mega-menu #vetnav-column-one-col .panel-bottom-link {
253
- width: 200%;
254
- }
255
- @media screen and (min-width: 768px), print and (min-width: 768px) {
256
- #mega-menu .panel-top-link,
257
- .mega-menu .panel-top-link {
258
- display: none;
259
- }
260
- #mega-menu .back-button,
261
- .mega-menu .back-button {
262
- display: none;
263
- }
264
- #mega-menu .vetnav-panel--submenu:not([hidden]) h3,
265
- .mega-menu .vetnav-panel--submenu:not([hidden]) h3 {
266
- font-family: Source Sans Pro, sans serif;
267
- font-size: 16px;
268
- }
269
- }
270
- #mega-menu #vetnav-menu,
271
- #mega-menu #vetnav,
272
- .mega-menu #vetnav-menu,
273
- .mega-menu #vetnav {
274
- margin-top: 0;
275
- }
276
- #mega-menu .my-va-top-nav,
277
- .mega-menu .my-va-top-nav {
278
- margin-left: auto;
279
- }
280
- #mega-menu .my-va-top-nav.current-page,
281
- .mega-menu .my-va-top-nav.current-page {
282
- margin-left: auto;
283
- }
284
- #mega-menu .mm-marketing-container,
285
- .mega-menu .mm-marketing-container {
286
- height: 380px;
287
- }
288
- #mega-menu .mm-marketing-container p,
289
- .mega-menu .mm-marketing-container p {
290
- margin-top: 5px;
291
- }
292
- @media screen and (min-width: 768px), print and (min-width: 768px) {
293
- #mega-menu .current-page,
294
- .mega-menu .current-page {
295
- box-shadow: inset 0 -5px 0 #005ea2;
296
- margin-left: 1rem;
297
- margin-right: 1rem;
298
- }
299
- #mega-menu .current-page a,
300
- .mega-menu .current-page a {
301
- padding: 1rem 0;
302
- }
303
- #mega-menu .vetnav-panel,
304
- .mega-menu .vetnav-panel {
305
- width: 768px;
306
- height: 380px;
307
- }
308
- #mega-menu .column-one,
309
- .mega-menu .column-one {
310
- width: 24.375rem;
311
- }
312
- #mega-menu .column-two,
313
- .mega-menu .column-two {
314
- width: 24.375rem;
315
- }
316
- #mega-menu .column-three,
317
- .mega-menu .column-three {
318
- display: none;
319
- }
320
- #mega-menu .panel-bottom-link,
321
- .mega-menu .panel-bottom-link {
322
- position: absolute;
323
- height: 60px;
324
- width: 471px;
325
- left: 280px;
326
- border-bottom: 1px solid #d0d0d0;
327
- z-index: 3;
328
- top: 0;
329
- }
330
- #mega-menu .panel-bottom-link a,
331
- .mega-menu .panel-bottom-link a {
332
- background-size: 13px;
333
- padding: 20px 0px;
334
- display: inline-block;
335
- padding-right: 25px;
336
- }
337
- #mega-menu .panel-bottom-link a svg,
338
- .mega-menu .panel-bottom-link a svg {
339
- height: 11px;
340
- width: 11px;
341
- margin-left: 5px;
342
- vertical-align: middle;
343
- }
344
- }
345
- @media screen and (min-width: 1024px), print and (min-width: 1024px) {
346
- #mega-menu .vetnav-panel,
347
- .mega-menu .vetnav-panel {
348
- width: 1024px;
349
- height: 490px;
350
- }
351
- #mega-menu .panel-bottom-link,
352
- .mega-menu .panel-bottom-link {
353
- position: absolute;
354
- width: 727px;
355
- }
356
- #mega-menu .column-one,
357
- .mega-menu .column-one {
358
- width: 260px;
359
- }
360
- #mega-menu .column-two,
361
- .mega-menu .column-two {
362
- width: 260px;
363
- }
364
- #mega-menu .column-three,
365
- .mega-menu .column-three {
366
- display: block;
367
- }
368
- }
369
-
370
- /*# sourceMappingURL=m-megamenu.css.map */
1
+ #mega-menu,.mega-menu{flex:1 0 100%;color:#005ea2;width:100%;z-index:2}#mega-menu .panel-bottom-link,.mega-menu .panel-bottom-link{position:unset;height:25px;margin-left:10px;margin-right:10px;margin-bottom:3px;border:none}#mega-menu .panel-bottom-link a,.mega-menu .panel-bottom-link a{padding:20px 25px 20px 7px;font-weight:bold}#mega-menu .panel-bottom-link a svg,.mega-menu .panel-bottom-link a svg{width:15px}#mega-menu .column-three,.mega-menu .column-three{display:none}#mega-menu .vetnav-level2,.mega-menu .vetnav-level2{width:100%}#mega-menu .panel-top-link:nth-of-type(1),.mega-menu .panel-top-link:nth-of-type(1){display:block;font-weight:bold;padding-top:15px}#mega-menu .vetnav-panel--submenu:not([hidden]),.mega-menu .vetnav-panel--submenu:not([hidden]){position:static}#mega-menu .vetnav-panel--submenu:not([hidden]) h3,.mega-menu .vetnav-panel--submenu:not([hidden]) h3{display:none}#mega-menu .back-button,.mega-menu .back-button{display:block}#mega-menu .vetnav-panel,.mega-menu .vetnav-panel{height:auto}#mega-menu .mm-link-container-small,.mega-menu .mm-link-container-small{background:#112e51;height:100%;position:absolute;width:100%;top:0;z-index:200}#mega-menu .all-link-arrow,.mega-menu .all-link-arrow{display:none}#mega-menu .vetnav-level1:active,#mega-menu .vetnav-level1:visited,#mega-menu .vetnav-level1:focus,#mega-menu .vetnav-level1:hover,.mega-menu .vetnav-level1:active,.mega-menu .vetnav-level1:visited,.mega-menu .vetnav-level1:focus,.mega-menu .vetnav-level1:hover{color:#fff}#mega-menu .mm-links,.mega-menu .mm-links{white-space:pre-wrap}@media screen and (min-width: 768px),print and (min-width: 768px){#mega-menu,.mega-menu{min-height:51px}#mega-menu .vetnav-panel--submenu:not([hidden]),.mega-menu .vetnav-panel--submenu:not([hidden]){position:absolute;box-shadow:none;width:260px;padding:72px 0px 0px 28px;white-space:normal}#mega-menu .vetnav-panel--submenu:not([hidden]) h3,.mega-menu .vetnav-panel--submenu:not([hidden]) h3{display:block;color:#000;font-family:"Source Sans Pro Web","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px;font-weight:bold;margin-top:4px;padding:0}#mega-menu .vetnav-panel--submenu:not([hidden]).panel-white,.mega-menu .vetnav-panel--submenu:not([hidden]).panel-white{padding-top:22px}#mega-menu .vetnav-level1[aria-expanded=true],.mega-menu .vetnav-level1[aria-expanded=true]{border-top-color:#8a7237}#mega-menu .vetnav-level1[aria-expanded=true]:active,#mega-menu .vetnav-level1[aria-expanded=true]:visited,#mega-menu .vetnav-level1[aria-expanded=true]:focus,#mega-menu .vetnav-level1[aria-expanded=true]:hover,.mega-menu .vetnav-level1[aria-expanded=true]:active,.mega-menu .vetnav-level1[aria-expanded=true]:visited,.mega-menu .vetnav-level1[aria-expanded=true]:focus,.mega-menu .vetnav-level1[aria-expanded=true]:hover{color:#212121}#mega-menu .vetnav-level2[aria-expanded=true],.mega-menu .vetnav-level2[aria-expanded=true]{box-shadow:-3px 0 #8a7237}#mega-menu .vetnav-panel,.mega-menu .vetnav-panel{box-shadow:0 7px 25px -11px #000;height:490px;width:1008px;left:0}#mega-menu .vetnav-panel .mm-links,.mega-menu .vetnav-panel .mm-links{padding:5px 0px}#mega-menu .vetnav-panel .mm-link-container,.mega-menu .vetnav-panel .mm-link-container{width:225px;margin-bottom:0}#mega-menu .column-one,.mega-menu .column-one{left:20px}#mega-menu .column-one.panel-white,.mega-menu .column-one.panel-white{background-color:#fff;border-left:none}#mega-menu .column-two,.mega-menu .column-two{border-left:none;left:280px}#mega-menu .column-two.panel-white,.mega-menu .column-two.panel-white{background-color:#fff;border-left:none}#mega-menu .column-three,.mega-menu .column-three{border-left:none;color:#000;left:540px;white-space:normal}#mega-menu .column-three.vetnav-panel--submenu:not([hidden]),.mega-menu .column-three.vetnav-panel--submenu:not([hidden]){padding:86px 20px 20px 14px;width:240px}#mega-menu .column-three.vetnav-panel--submenu:not([hidden]).panel-white,.mega-menu .column-three.vetnav-panel--submenu:not([hidden]).panel-white{padding-top:30px;background-color:#fff;border-left:none}#mega-menu .column-three a,.mega-menu .column-three a{font-weight:bold;padding:14px 0px 0px 0px}#mega-menu .panel-bottom-link,.mega-menu .panel-bottom-link{margin:0}#mega-menu .all-link-arrow,.mega-menu .all-link-arrow{display:initial}#mega-menu .panel-top-link,.mega-menu .panel-top-link{display:none !important}#mega-menu .vetnav-level2,.mega-menu .vetnav-level2{width:15.1875rem}}#mega-menu .panel-title,.mega-menu .panel-title{font-weight:bold;color:#000}#mega-menu a.vetnav-level1,.mega-menu a.vetnav-level1{color:#fff}#mega-menu .main-column,.mega-menu .main-column{left:-230px}#mega-menu .main-column.panel-white,.mega-menu .main-column.panel-white{background-color:#fff}#mega-menu .mm-marketing-container,.mega-menu .mm-marketing-container{background-color:#fff;height:380px;overflow:hidden}#mega-menu .mm-marketing-container.mm-marketing-gray,.mega-menu .mm-marketing-container.mm-marketing-gray{background-color:#f0f0f0}#mega-menu .mm-marketing-container .mm-marketing-text,.mega-menu .mm-marketing-container .mm-marketing-text{padding:20px}#mega-menu .mm-marketing-container .mm-marketing-text a,.mega-menu .mm-marketing-container .mm-marketing-text a{font-size:16px}#mega-menu .mm-marketing-container p,.mega-menu .mm-marketing-container p{font-size:16px;margin-top:5px}#mega-menu #vetnav-column-one-col .panel-bottom-link,.mega-menu #vetnav-column-one-col .panel-bottom-link{width:200%}@media screen and (min-width: 768px),print and (min-width: 768px){#mega-menu .panel-top-link,.mega-menu .panel-top-link{display:none}#mega-menu .back-button,.mega-menu .back-button{display:none}#mega-menu .vetnav-panel--submenu:not([hidden]) h3,.mega-menu .vetnav-panel--submenu:not([hidden]) h3{font-family:"Source Sans Pro Web","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px}}#mega-menu #vetnav-menu,#mega-menu #vetnav,.mega-menu #vetnav-menu,.mega-menu #vetnav{margin-top:0}#mega-menu .my-va-top-nav,.mega-menu .my-va-top-nav{margin-left:auto}#mega-menu .my-va-top-nav.current-page,.mega-menu .my-va-top-nav.current-page{margin-left:auto}#mega-menu .mm-marketing-container,.mega-menu .mm-marketing-container{height:380px}#mega-menu .mm-marketing-container p,.mega-menu .mm-marketing-container p{margin-top:5px}@media screen and (min-width: 768px),print and (min-width: 768px){#mega-menu .current-page,.mega-menu .current-page{box-shadow:inset 0 -5px 0 #005ea2;margin-left:1rem;margin-right:1rem}#mega-menu .current-page a,.mega-menu .current-page a{padding:1rem 0}#mega-menu .vetnav-panel,.mega-menu .vetnav-panel{width:768px;height:380px}#mega-menu .column-one,.mega-menu .column-one{width:24.375rem}#mega-menu .column-two,.mega-menu .column-two{width:24.375rem}#mega-menu .column-three,.mega-menu .column-three{display:none}#mega-menu .panel-bottom-link,.mega-menu .panel-bottom-link{position:absolute;height:60px;width:471px;left:280px;border-bottom:1px solid #d0d0d0;z-index:3;top:0}#mega-menu .panel-bottom-link a,.mega-menu .panel-bottom-link a{background-size:13px;padding:20px 0px;display:inline-block;padding-right:25px}#mega-menu .panel-bottom-link a svg,.mega-menu .panel-bottom-link a svg{height:11px;width:11px;margin-left:5px;vertical-align:middle}}@media screen and (min-width: 1024px),print and (min-width: 1024px){#mega-menu .vetnav-panel,.mega-menu .vetnav-panel{width:1024px;height:490px}#mega-menu .panel-bottom-link,.mega-menu .panel-bottom-link{position:absolute;width:727px}#mega-menu .column-one,.mega-menu .column-one{width:260px}#mega-menu .column-two,.mega-menu .column-two{width:260px}#mega-menu .column-three,.mega-menu .column-three{display:block}}/*# sourceMappingURL=m-megamenu.css.map */
@@ -1,117 +1 @@
1
- /**
2
- Variables ported over from Formation so that we can keep those stylesheets
3
- working while we work on deprecation.
4
- **/
5
- /**
6
- Variables ported over from Formation so that we can keep those stylesheets
7
- working while we work on deprecation.
8
- **/
9
- /**
10
- /uswds/dist/scss/lib/addons/_margin.scss
11
- **/
12
- /**
13
- uswds/src/stylesheets/lib/helpers/_directional-values.scss
14
- **/
15
- #va-modal {
16
- display: none;
17
- }
18
-
19
- .va-modal {
20
- background: rgba(50, 58, 69, 0.8);
21
- content: " ";
22
- display: block;
23
- height: 100%;
24
- left: 0;
25
- position: fixed;
26
- top: 0;
27
- width: 100%;
28
- z-index: 6;
29
- }
30
- @media screen and (max-width: 481px) {
31
- .va-modal {
32
- overflow-y: scroll;
33
- }
34
- }
35
- .va-modal .va-modal-body {
36
- margin-right: units(2.5);
37
- }
38
- .va-modal .va-modal-body p:first-of-type {
39
- margin-top: 0;
40
- }
41
- .va-modal-title {
42
- margin: 0;
43
- margin-bottom: units(2);
44
- }
45
- .va-modal-inner {
46
- background: #ffffff;
47
- margin: auto;
48
- max-width: 25rem;
49
- position: relative;
50
- top: 50%;
51
- transform: translateY(-50%);
52
- width: 100%;
53
- cursor: auto;
54
- }
55
- @media screen and (max-width: 481px) {
56
- .va-modal-inner {
57
- transform: none;
58
- top: 0;
59
- }
60
- }
61
- .va-modal-alert {
62
- max-width: 37.5rem;
63
- }
64
- .va-modal-alert .alert-actions {
65
- margin-top: units(3);
66
- }
67
- .va-modal-alert .alert-actions button {
68
- margin: 0;
69
- }
70
- .va-modal-alert .alert-actions button + button {
71
- margin-left: units(2.5);
72
- }
73
- .va-modal-body {
74
- overflow-wrap: break-word;
75
- padding: units(2.5);
76
- word-break: break-word;
77
- word-wrap: break-word;
78
- }
79
- .va-modal-large .va-modal-inner {
80
- max-width: 46.875rem;
81
- width: 75vw;
82
- }
83
- .va-modal-large .va-modal-inner .va-modal-body {
84
- max-height: 95vh;
85
- overflow-y: auto;
86
- }
87
-
88
- .va-modal-body h3 {
89
- margin-top: 0;
90
- }
91
-
92
- .va-modal button {
93
- white-space: nowrap;
94
- }
95
-
96
- button.va-modal-close {
97
- background-color: transparent;
98
- color: #005ea2;
99
- font-size: 1.40625rem;
100
- padding: 0;
101
- position: absolute;
102
- margin: units(2);
103
- right: 0;
104
- top: 0;
105
- width: auto;
106
- z-index: 9;
107
- }
108
- button.va-modal-close:hover {
109
- background-color: transparent;
110
- color: #1a4480;
111
- }
112
- button.va-modal-close:active {
113
- background-color: transparent;
114
- color: #112e51;
115
- }
116
-
117
- /*# sourceMappingURL=m-modal.css.map */
1
+ #va-modal{display:none}.va-modal{background:rgba(50,58,69,.8);content:" ";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:6}@media screen and (max-width: 481px){.va-modal{overflow-y:scroll}}.va-modal .va-modal-body{margin-right:units(2.5)}.va-modal .va-modal-body p:first-of-type{margin-top:0}.va-modal-title{margin:0;margin-bottom:units(2)}.va-modal-inner{background:#fff;margin:auto;max-width:25rem;position:relative;top:50%;transform:translateY(-50%);width:100%;cursor:auto}@media screen and (max-width: 481px){.va-modal-inner{transform:none;top:0}}.va-modal-alert{max-width:37.5rem}.va-modal-alert .alert-actions{margin-top:units(3)}.va-modal-alert .alert-actions button{margin:0}.va-modal-alert .alert-actions button+button{margin-left:units(2.5)}.va-modal-body{overflow-wrap:break-word;padding:units(2.5);word-break:break-word;word-wrap:break-word}.va-modal-large .va-modal-inner{max-width:46.875rem;width:75vw}.va-modal-large .va-modal-inner .va-modal-body{max-height:95vh;overflow-y:auto}.va-modal-body h3{margin-top:0}.va-modal button{white-space:nowrap}button.va-modal-close{background-color:rgba(0,0,0,0);color:#005ea2;font-size:1.40625rem;padding:0;position:absolute;margin:units(2);right:0;top:0;width:auto;z-index:9}button.va-modal-close:hover{background-color:rgba(0,0,0,0);color:#1a4480}button.va-modal-close:active{background-color:rgba(0,0,0,0);color:#112e51}/*# sourceMappingURL=m-modal.css.map */
@@ -1,49 +1 @@
1
- /**
2
- Variables ported over from Formation so that we can keep those stylesheets
3
- working while we work on deprecation.
4
- **/
5
- .va-nav-linkslist {
6
- margin: 0.625rem 0 0;
7
- padding: 0 0 0.625rem 0;
8
- }
9
- .va-nav-linkslist--related {
10
- background: #f1f1f1;
11
- padding: 0.0625rem 1rem;
12
- margin: 1.625rem 0 2.5rem;
13
- }
14
- .va-nav-linkslist-heading {
15
- border-bottom: 1px solid #aeb0b5;
16
- margin: 0;
17
- padding: 1rem 0 0.25rem;
18
- font-size: 1.5em;
19
- }
20
- .va-nav-linkslist-list {
21
- list-style: none;
22
- margin: 0;
23
- padding-left: 0;
24
- }
25
- .va-nav-linkslist-list a {
26
- background: transparent;
27
- display: block;
28
- padding: 0;
29
- text-decoration: none;
30
- }
31
- .va-nav-linkslist-list li {
32
- margin: 1rem 0;
33
- }
34
- .va-nav-linkslist-title {
35
- color: #005ea2;
36
- padding: 0;
37
- }
38
- a:hover .va-nav-linkslist-title {
39
- text-decoration: underline;
40
- }
41
- .va-nav-linkslist-description {
42
- color: #212121;
43
- margin: 0;
44
- }
45
- .va-nav-linkslist-link {
46
- cursor: default;
47
- }
48
-
49
- /*# sourceMappingURL=m-nav-linklist.css.map */
1
+ .va-nav-linkslist{margin:.625rem 0 0;padding:0 0 .625rem 0}.va-nav-linkslist--related{background:#f1f1f1;padding:.0625rem 1rem;margin:1.625rem 0 2.5rem}.va-nav-linkslist-heading{border-bottom:1px solid #aeb0b5;margin:0;padding:1rem 0 .25rem;font-size:1.5em}.va-nav-linkslist-list{list-style:none;margin:0;padding-left:0}.va-nav-linkslist-list a{background:rgba(0,0,0,0);display:block;padding:0;text-decoration:none}.va-nav-linkslist-list li{margin:1rem 0}.va-nav-linkslist-title{color:#005ea2;padding:0}a:hover .va-nav-linkslist-title{text-decoration:underline}.va-nav-linkslist-description{color:#212121;margin:0}.va-nav-linkslist-link{cursor:default}/*# sourceMappingURL=m-nav-linklist.css.map */