@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,349 +1 @@
1
- @charset "UTF-8";
2
- /**
3
- Variables ported over from Formation so that we can keep those stylesheets
4
- working while we work on deprecation.
5
- **/
6
- /**
7
- Variables ported over from Formation so that we can keep those stylesheets
8
- working while we work on deprecation.
9
- **/
10
- /**
11
- /uswds/dist/scss/lib/addons/_margin.scss
12
- **/
13
- /**
14
- uswds/src/stylesheets/lib/helpers/_directional-values.scss
15
- **/
16
- .usa-sidenav-list a {
17
- font-size: 15px;
18
- text-decoration: none;
19
- padding: 8px 16px 8px 12px;
20
- }
21
- .usa-sidenav-list a.va-button-primary {
22
- padding: 0.625rem 1.25rem;
23
- }
24
-
25
- @media (min-width: 320px) and (max-width: 767px) {
26
- .va-sidebarnav {
27
- display: none;
28
- }
29
- button.va-sidebarnav-close {
30
- position: absolute;
31
- right: 2px;
32
- top: 2px;
33
- }
34
- button.va-sidebarnav-close:hover, button.va-sidebarnav-close:focus {
35
- background-color: #f0f0f0;
36
- }
37
- }
38
- .left-side-nav-title {
39
- color: #000000;
40
- padding-left: 1em;
41
- }
42
- @media screen and (min-width: 1024px), print and (min-width: 1024px) {
43
- .left-side-nav-title {
44
- padding-left: 0;
45
- }
46
- }
47
-
48
- .va-sidebarnav {
49
- color: #005ea2;
50
- }
51
- .va-sidebarnav h4 {
52
- margin-top: 0;
53
- }
54
- .va-sidebarnav li {
55
- border-top-color: #d6d7d9;
56
- }
57
- @media screen and (max-width: 767px) {
58
- .va-sidebarnav {
59
- left: 0;
60
- height: 100%;
61
- overflow: scroll;
62
- padding: 1.6rem;
63
- position: absolute;
64
- top: 0;
65
- visibility: hidden;
66
- }
67
- .va-l-detail-page .va-sidebarnav {
68
- width: 100%;
69
- }
70
- .va-sidebarnav::before {
71
- background: rgba(0, 0, 0, 0.05);
72
- content: " ";
73
- display: block;
74
- height: 100%;
75
- left: 0;
76
- position: fixed;
77
- top: 0;
78
- width: 100%;
79
- z-index: 1;
80
- }
81
- .va-sidebarnav > div {
82
- visibility: visible;
83
- background: #ffffff;
84
- border-left: 1px solid #aeb0b5;
85
- height: 100%;
86
- max-width: 18.75rem;
87
- overflow: auto;
88
- padding: 2rem 1rem 1rem;
89
- z-index: 2;
90
- position: absolute;
91
- top: 0;
92
- right: 0;
93
- width: 80%;
94
- transform: translateX(100%);
95
- -webkit-transition: 100ms transform linear;
96
- transition: 100ms transform linear;
97
- }
98
- .va-sidebarnav--opened {
99
- visibility: visible;
100
- display: block;
101
- position: fixed;
102
- z-index: 300;
103
- }
104
- .va-sidebarnav--opened > div {
105
- transform: translateX(0);
106
- }
107
- .va-sidebarnav-close {
108
- position: absolute;
109
- top: 0;
110
- right: 0;
111
- }
112
- }
113
- @media screen and (min-width: 768px), print and (min-width: 768px) {
114
- .va-sidebarnav a {
115
- padding-right: 1rem;
116
- }
117
- .va-sidebarnav-close {
118
- display: none;
119
- }
120
- .va-sidebarnav .usa-sidenav-list {
121
- margin-right: 1rem;
122
- }
123
- }
124
- .va-sidebarnav ul.usa-accordion > li {
125
- margin-bottom: -1px;
126
- }
127
- .va-sidebarnav .left-side-nav-title {
128
- padding-bottom: 25px;
129
- }
130
- .va-sidebarnav .left-side-nav-title > .icon-small {
131
- vertical-align: middle;
132
- padding-left: initial;
133
- margin-right: 5px;
134
- font-size: 1.0625rem;
135
- }
136
- .va-sidebarnav .usa-sidenav-list {
137
- margin-right: 0;
138
- margin-left: 0;
139
- }
140
- .va-sidebarnav .usa-sidenav-list > li {
141
- border-top: 0;
142
- }
143
- .va-sidebarnav .usa-sidenav-list > li .active-menu {
144
- border-bottom: 0;
145
- }
146
- .va-sidebarnav .usa-sidenav-list > li a {
147
- color: #005ea2;
148
- display: inline-block;
149
- vertical-align: middle;
150
- width: 100%;
151
- border-left: 4px solid transparent;
152
- }
153
- .va-sidebarnav .usa-sidenav-list > li a:hover, .va-sidebarnav .usa-sidenav-list > li a:focus {
154
- background-color: #e1f3f8;
155
- padding: 8px 14px;
156
- border-color: #005ea2;
157
- transition: background-color 0.1s ease-in-out 0s, border-color 0.1s ease-in-out 0s, padding 0.1s ease-in-out 0s;
158
- }
159
- .va-sidebarnav .usa-sidenav-list > li i {
160
- color: #000000;
161
- vertical-align: middle;
162
- font-size: 15px;
163
- padding-left: 0;
164
- }
165
- .va-sidebarnav .usa-sidenav-list .menu-item-container > a {
166
- font-weight: bold;
167
- }
168
- .va-sidebarnav .usa-sidenav-list .menu-item-container:hover {
169
- background-color: #f1f1f1;
170
- color: #005ea2;
171
- }
172
- .va-sidebarnav .usa-sidenav-list .menu-item-container:focus {
173
- outline: 2px solid #fdb81e;
174
- outline-offset: 3px;
175
- }
176
- .va-sidebarnav .usa-sidenav-list a.usa-current {
177
- color: #212121;
178
- border-left: 4px solid #212121;
179
- padding-left: 12px;
180
- margin-left: 16px;
181
- background-color: #f0f0f0;
182
- cursor: auto;
183
- }
184
- .va-sidebarnav .usa-sidenav-list a.usa-current.level-one {
185
- padding-left: 14px;
186
- margin-left: 0;
187
- }
188
- .va-sidebarnav .usa-sidenav-list a.usa-current:hover {
189
- background-color: #f0f0f0;
190
- font-weight: bold;
191
- }
192
- .va-sidebarnav .usa-sidenav-list .active-level {
193
- background-color: #f0f0f0;
194
- }
195
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list {
196
- margin-top: 2px;
197
- margin-bottom: 2px;
198
- }
199
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li > a {
200
- padding: 8px 14px 8px 28px;
201
- }
202
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li > a:hover {
203
- padding: 8px 12px 8px 30px;
204
- }
205
- .va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li:last-child a {
206
- padding-bottom: 12px;
207
- }
208
- .va-sidebarnav h4 {
209
- display: inline-block;
210
- margin-bottom: 0;
211
- margin-top: 0;
212
- vertical-align: middle;
213
- width: 75%;
214
- }
215
- .va-sidebarnav .usa-sidenav-list > li i {
216
- position: relative;
217
- right: -20px;
218
- }
219
- .va-sidebarnav .usa-sidenav-list > li .menu-item-container > a {
220
- font-weight: initial;
221
- }
222
- .va-sidebarnav .usa-sidenav-list > li a.usa-current {
223
- font-weight: bold;
224
- margin-left: 0;
225
- }
226
- .va-sidebarnav .usa-sidenav-list > li a.usa-current:hover, .va-sidebarnav .usa-sidenav-list > li a.usa-current:focus {
227
- border-color: #212121;
228
- padding: 8px 16px 8px 12px;
229
- }
230
- .va-sidebarnav .usa-sidenav-sub_list a {
231
- width: 100% !important;
232
- padding-left: 40px;
233
- font-size: 15px;
234
- }
235
- .va-sidebarnav .usa-sidenav-sub_list a:focus {
236
- outline: 2px dotted #aeb0b5;
237
- outline-offset: 0px;
238
- }
239
- .va-sidebarnav .usa-sidenav-sub_list a:hover, .va-sidebarnav .usa-sidenav-sub_list a:focus {
240
- background-color: #e1f3f8;
241
- padding: 8px 12px 8px 30px;
242
- border-color: #005ea2;
243
- }
244
- .va-sidebarnav .usa-sidenav-sub_list a.usa-current {
245
- margin-left: 16px !important;
246
- }
247
- .va-sidebarnav .usa-accordion .usa-accordion-button {
248
- background-color: #ffffff;
249
- border-top: 1px solid #d6d7d9;
250
- border-bottom: 1px solid #d6d7d9;
251
- background-size: 0.6875rem;
252
- color: #005ea2;
253
- font-weight: normal;
254
- font-size: 17px;
255
- padding-left: 0.625rem;
256
- }
257
- .va-sidebarnav .usa-accordion .usa-accordion-button:focus {
258
- outline: 0;
259
- border: 2px solid #fdb81e;
260
- background-color: #f0f0f0;
261
- font-weight: bold;
262
- }
263
- .va-sidebarnav .usa-accordion .usa-accordion-button:hover {
264
- background-color: #e1f3f8;
265
- }
266
- .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=false] {
267
- background-image: url("/img/plus-blue.svg");
268
- }
269
- .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true] {
270
- border-bottom: 0;
271
- background-image: url("/img/minus-blue.svg");
272
- }
273
- .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true]:focus {
274
- border: 2px solid #fdb81e;
275
- }
276
- .va-sidebarnav .usa-accordion .usa-accordion-content {
277
- padding: 0;
278
- }
279
- .va-sidebarnav .usa-accordion .usa-sidenav-list a {
280
- font-size: 15px;
281
- padding: 8px 16px 8px 12px;
282
- }
283
- .va-sidebarnav .usa-accordion .usa-sidenav-list a:focus {
284
- width: 98% !important;
285
- margin: 2px;
286
- }
287
- .va-sidebarnav .usa-accordion .usa-current:focus {
288
- width: 99% !important;
289
- margin-top: 2px;
290
- }
291
- .va-sidebarnav .usa-accordion-button-dark {
292
- background-color: #f1f1f1;
293
- }
294
-
295
- .va-btn-sidebarnav-trigger {
296
- margin: 0;
297
- padding: 0;
298
- }
299
- .va-btn-sidebarnav-trigger.fixed-trigger {
300
- position: fixed;
301
- top: 0;
302
- width: 100%;
303
- z-index: 299;
304
- }
305
- .va-btn-sidebarnav-trigger .button-wrapper {
306
- position: absolute;
307
- width: 100%;
308
- padding: units(1) units(1) units(2);
309
- }
310
- .va-btn-sidebarnav-trigger button {
311
- background-color: #ffffff;
312
- color: #005ea2;
313
- margin: 0;
314
- padding: units(1.5);
315
- border: 1px solid #005ea2;
316
- border-radius: 4px;
317
- width: 100%;
318
- display: flex;
319
- align-items: center;
320
- justify-content: space-between;
321
- }
322
- .va-btn-sidebarnav-trigger button strong {
323
- line-height: units(2.5);
324
- }
325
- .va-btn-sidebarnav-trigger button svg {
326
- fill: #005ea2;
327
- }
328
- .va-btn-sidebarnav-trigger .button-background {
329
- position: absolute;
330
- background-color: #ffffff;
331
- width: 100%;
332
- }
333
- @media screen and (min-width: 768px), print and (min-width: 768px) {
334
- .va-btn-sidebarnav-trigger {
335
- display: none;
336
- }
337
- }
338
-
339
- .va-btn-close-icon {
340
- background: transparent url("/img/close.svg") center no-repeat;
341
- background-size: 0.625rem 0.625rem;
342
- height: 1.375rem;
343
- padding: 1.375rem;
344
- margin: 0;
345
- text-indent: -6249.375rem;
346
- width: 0.625rem;
347
- }
348
-
349
- /*# sourceMappingURL=m-nav-sidebar.css.map */
1
+ .usa-sidenav-list a{font-size:15px;text-decoration:none;padding:8px 16px 8px 12px}.usa-sidenav-list a.va-button-primary{padding:.625rem 1.25rem}@media(min-width: 320px)and (max-width: 767px){.va-sidebarnav{display:none}button.va-sidebarnav-close{position:absolute;right:2px;top:2px}button.va-sidebarnav-close:hover,button.va-sidebarnav-close:focus{background-color:#f0f0f0}}.left-side-nav-title{color:#000;padding-left:1em}@media screen and (min-width: 1024px),print and (min-width: 1024px){.left-side-nav-title{padding-left:0}}.va-sidebarnav{color:#005ea2}.va-sidebarnav h4{margin-top:0}.va-sidebarnav li{border-top-color:#d6d7d9}@media screen and (max-width: 767px){.va-sidebarnav{left:0;height:100%;overflow:scroll;padding:1.6rem;position:absolute;top:0;visibility:hidden}.va-l-detail-page .va-sidebarnav{width:100%}.va-sidebarnav::before{background:rgba(0,0,0,.05);content:" ";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.va-sidebarnav>div{visibility:visible;background:#fff;border-left:1px solid #aeb0b5;height:100%;max-width:18.75rem;overflow:auto;padding:2rem 1rem 1rem;z-index:2;position:absolute;top:0;right:0;width:80%;transform:translateX(100%);-webkit-transition:100ms transform linear;transition:100ms transform linear}.va-sidebarnav--opened{visibility:visible;display:block;position:fixed;z-index:300}.va-sidebarnav--opened>div{transform:translateX(0)}.va-sidebarnav-close{position:absolute;top:0;right:0}}@media screen and (min-width: 768px),print and (min-width: 768px){.va-sidebarnav a{padding-right:1rem}.va-sidebarnav-close{display:none}.va-sidebarnav .usa-sidenav-list{margin-right:1rem}}.va-sidebarnav ul.usa-accordion>li{margin-bottom:-1px}.va-sidebarnav .left-side-nav-title{padding-bottom:25px}.va-sidebarnav .left-side-nav-title>.icon-small{vertical-align:middle;padding-left:initial;margin-right:5px;font-size:1.0625rem}.va-sidebarnav .usa-sidenav-list{margin-right:0;margin-left:0}.va-sidebarnav .usa-sidenav-list>li{border-top:0}.va-sidebarnav .usa-sidenav-list>li .active-menu{border-bottom:0}.va-sidebarnav .usa-sidenav-list>li a{color:#005ea2;display:inline-block;vertical-align:middle;width:100%;border-left:4px solid rgba(0,0,0,0)}.va-sidebarnav .usa-sidenav-list>li a:hover,.va-sidebarnav .usa-sidenav-list>li a:focus{background-color:#e1f3f8;padding:8px 14px;border-color:#005ea2;transition:background-color .1s ease-in-out 0s,border-color .1s ease-in-out 0s,padding .1s ease-in-out 0s}.va-sidebarnav .usa-sidenav-list>li i{color:#000;vertical-align:middle;font-size:15px;padding-left:0}.va-sidebarnav .usa-sidenav-list .menu-item-container>a{font-weight:bold}.va-sidebarnav .usa-sidenav-list .menu-item-container:hover{background-color:#f1f1f1;color:#005ea2}.va-sidebarnav .usa-sidenav-list .menu-item-container:focus{outline:2px solid #fdb81e;outline-offset:3px}.va-sidebarnav .usa-sidenav-list a.usa-current{color:#212121;border-left:4px solid #212121;padding-left:12px;margin-left:16px;background-color:#f0f0f0;cursor:auto}.va-sidebarnav .usa-sidenav-list a.usa-current.level-one{padding-left:14px;margin-left:0}.va-sidebarnav .usa-sidenav-list a.usa-current:hover{background-color:#f0f0f0;font-weight:bold}.va-sidebarnav .usa-sidenav-list .active-level{background-color:#f0f0f0}.va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list{margin-top:2px;margin-bottom:2px}.va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li>a{padding:8px 14px 8px 28px}.va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li>a:hover{padding:8px 12px 8px 30px}.va-sidebarnav .usa-sidenav-list .active-level .usa-sidenav-sub_list li:last-child a{padding-bottom:12px}.va-sidebarnav h4{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle;width:75%}.va-sidebarnav .usa-sidenav-list>li i{position:relative;right:-20px}.va-sidebarnav .usa-sidenav-list>li .menu-item-container>a{font-weight:initial}.va-sidebarnav .usa-sidenav-list>li a.usa-current{font-weight:bold;margin-left:0}.va-sidebarnav .usa-sidenav-list>li a.usa-current:hover,.va-sidebarnav .usa-sidenav-list>li a.usa-current:focus{border-color:#212121;padding:8px 16px 8px 12px}.va-sidebarnav .usa-sidenav-sub_list a{width:100% !important;padding-left:40px;font-size:15px}.va-sidebarnav .usa-sidenav-sub_list a:focus{outline:2px solid #face00;outline-offset:0px}.va-sidebarnav .usa-sidenav-sub_list a:hover,.va-sidebarnav .usa-sidenav-sub_list a:focus{background-color:#e1f3f8;padding:8px 12px 8px 30px;border-color:#005ea2}.va-sidebarnav .usa-sidenav-sub_list a.usa-current{margin-left:16px !important}.va-sidebarnav .usa-accordion .usa-accordion-button{background-color:#fff;border-top:1px solid #d6d7d9;border-bottom:1px solid #d6d7d9;background-size:.6875rem;color:#005ea2;font-weight:normal;font-size:17px;padding-left:.625rem}.va-sidebarnav .usa-accordion .usa-accordion-button:focus{outline:0;border:2px solid #fdb81e;background-color:#f0f0f0;font-weight:bold}.va-sidebarnav .usa-accordion .usa-accordion-button:hover{background-color:#e1f3f8}.va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=false]{background-image:url("/img/plus-blue.svg")}.va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true]{border-bottom:0;background-image:url("/img/minus-blue.svg")}.va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true]:focus{border:2px solid #fdb81e}.va-sidebarnav .usa-accordion .usa-accordion-content{padding:0}.va-sidebarnav .usa-accordion .usa-sidenav-list a{font-size:15px;padding:8px 16px 8px 12px}.va-sidebarnav .usa-accordion .usa-sidenav-list a:focus{width:98% !important;margin:2px}.va-sidebarnav .usa-accordion .usa-current:focus{width:99% !important;margin-top:2px}.va-sidebarnav .usa-accordion-button-dark{background-color:#f1f1f1}.va-btn-sidebarnav-trigger{margin:0;padding:0}.va-btn-sidebarnav-trigger.fixed-trigger{position:fixed;top:0;width:100%;z-index:299}.va-btn-sidebarnav-trigger .button-wrapper{position:absolute;width:100%;padding:units(1) units(1) units(2)}.va-btn-sidebarnav-trigger button{background-color:#fff;color:#005ea2;margin:0;padding:units(1.5);border:1px solid #005ea2;border-radius:4px;width:100%;display:flex;align-items:center;justify-content:space-between}.va-btn-sidebarnav-trigger button strong{line-height:units(2.5)}.va-btn-sidebarnav-trigger button svg{fill:#005ea2}.va-btn-sidebarnav-trigger .button-background{position:absolute;background-color:#fff;width:100%}@media screen and (min-width: 768px),print and (min-width: 768px){.va-btn-sidebarnav-trigger{display:none}}.va-btn-close-icon{background:rgba(0,0,0,0) url("/img/close.svg") center no-repeat;background-size:.625rem .625rem;height:1.375rem;padding:1.375rem;margin:0;text-indent:-6249.375rem;width:.625rem}/*# sourceMappingURL=m-nav-sidebar.css.map */
@@ -1,6 +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
1
  /*# sourceMappingURL=m-omb-info.css.map */
@@ -1,72 +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-overlay {
6
- background: rgba(50, 58, 69, 0.8);
7
- height: 100%;
8
- left: 0;
9
- -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
10
- opacity: 0;
11
- position: fixed;
12
- top: 0;
13
- transition: opacity 0.5s, visibility 0s 0.5s;
14
- visibility: hidden;
15
- width: 100%;
16
- z-index: 800;
17
- }
18
- .va-overlay [type=text] {
19
- -webkit-appearance: none;
20
- border-radius: 3px 0 0 3px;
21
- }
22
-
23
- .va-mobile-searchclose {
24
- border-radius: 0;
25
- display: block !important;
26
- width: 100% !important;
27
- margin: 0;
28
- width: auto;
29
- background: #005ea2;
30
- }
31
-
32
- .va-overlay--open {
33
- opacity: 1;
34
- visibility: visible;
35
- -webkit-transition: opacity 0.5s;
36
- transition: opacity 0.5s;
37
- }
38
- .va-overlay--open .columns {
39
- padding: 0;
40
- }
41
-
42
- .va-overlay .menu {
43
- -webkit-perspective: 1200px;
44
- perspective: 1200px;
45
- padding: 1em 1em;
46
- }
47
-
48
- .va-overlay form {
49
- opacity: 0.4;
50
- -webkit-transform: translateY(-25%) rotateX(35deg);
51
- transform: translateY(-25%) rotateX(35deg);
52
- -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
53
- transition: transform 0.5s, opacity 0.5s;
54
- }
55
-
56
- .va-overlay--open form {
57
- opacity: 1;
58
- -webkit-transform: rotateX(0deg);
59
- transform: rotateX(0deg);
60
- }
61
-
62
- .va-overlay-body {
63
- margin: 0.625rem auto;
64
- }
65
-
66
- @media (max-height: 30.5em) {
67
- .overlay form {
68
- height: 70%;
69
- }
70
- }
71
-
72
- /*# sourceMappingURL=m-overlay.css.map */
1
+ .va-overlay{background:rgba(50,58,69,.8);height:100%;left:0;-webkit-transition:opacity .5s,visibility 0s .5s;opacity:0;position:fixed;top:0;transition:opacity .5s,visibility 0s .5s;visibility:hidden;width:100%;z-index:800}.va-overlay [type=text]{-webkit-appearance:none;border-radius:3px 0 0 3px}.va-mobile-searchclose{border-radius:0;display:block !important;width:100% !important;margin:0;width:auto;background:#005ea2}.va-overlay--open{opacity:1;visibility:visible;-webkit-transition:opacity .5s;transition:opacity .5s}.va-overlay--open .columns{padding:0}.va-overlay .menu{-webkit-perspective:1200px;perspective:1200px;padding:1em 1em}.va-overlay form{opacity:.4;-webkit-transform:translateY(-25%) rotateX(35deg);transform:translateY(-25%) rotateX(35deg);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}.va-overlay--open form{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.va-overlay-body{margin:.625rem auto}@media(max-height: 30.5em){.overlay form{height:70%}}/*# sourceMappingURL=m-overlay.css.map */
@@ -1,27 +1 @@
1
- .print-only {
2
- display: none;
3
- }
4
-
5
- @media print {
6
- header, footer, nav {
7
- display: none;
8
- }
9
- .schemaform-title,
10
- .schemaform-subtitle,
11
- .screen-only {
12
- display: none;
13
- }
14
- .print-only {
15
- display: block;
16
- }
17
- /* Relative URLs - include the HREF with the domain prepended */
18
- a[href^="/"]:after {
19
- content: " (https://www.va.gov" attr(href) ")";
20
- }
21
- /* Absolute URLs - show the HREF without prepending the domain. */
22
- a[href^=http]:after {
23
- content: " (" attr(href) ")";
24
- }
25
- }
26
-
27
- /*# sourceMappingURL=m-print.css.map */
1
+ .print-only{display:none}@media print{header,footer,nav{display:none}.schemaform-title,.schemaform-subtitle,.screen-only{display:none}.print-only{display:block}a[href^="/"]:after{content:" (https://www.va.gov" attr(href) ")"}a[href^=http]:after{content:" (" attr(href) ")"}}/*# sourceMappingURL=m-print.css.map */
@@ -1,162 +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
- /**
16
- Variables ported over from Formation so that we can keep those stylesheets
17
- working while we work on deprecation.
18
- **/
19
- .usa-sr-only {
20
- position: absolute;
21
- left: -999em;
22
- }
23
-
24
- .process {
25
- list-style: none;
26
- padding: 1em 0;
27
- position: relative;
28
- }
29
- .process h2, .process h3, .process h4, .process h5 {
30
- margin-top: 0;
31
- clear: none;
32
- padding-top: 0.3em;
33
- }
34
- .process p {
35
- padding: 0;
36
- margin-top: 0;
37
- }
38
- .process p:only-of-type {
39
- margin-top: 0;
40
- }
41
- .process p.va-address-block {
42
- padding-left: 0.625rem;
43
- }
44
- .process ul {
45
- margin: 0 0 1em 1.25em !important;
46
- padding: 0;
47
- }
48
- .process ul li {
49
- list-style: square;
50
- margin: 0;
51
- padding: 0.1em 0;
52
- }
53
-
54
- .process-step {
55
- border-left: 8px solid #aeb0b5;
56
- padding: 0 0 2em 2em;
57
- list-style: none;
58
- margin: 0 !important;
59
- }
60
- .process-step:before {
61
- color: #ffffff;
62
- float: left;
63
- font-size: 1.3em;
64
- font-weight: 700;
65
- text-align: center;
66
- line-height: 1.575em;
67
- width: 2em;
68
- height: 2em;
69
- top: -0.2em;
70
- margin-left: -2.7em;
71
- display: block;
72
- border: 4px solid #ffffff;
73
- background: #8d9297;
74
- border-radius: 4em;
75
- position: relative;
76
- }
77
- .process-step:last-child {
78
- border-left: 0;
79
- padding-left: calc(2em + 8px);
80
- }
81
-
82
- .list-one:before {
83
- content: "1";
84
- }
85
-
86
- .list-two:before {
87
- content: "2";
88
- }
89
-
90
- .list-three:before {
91
- content: "3";
92
- }
93
-
94
- .list-four:before {
95
- content: "4";
96
- }
97
-
98
- .list-five:before {
99
- content: "5";
100
- }
101
-
102
- .list-six:before {
103
- content: "6";
104
- }
105
-
106
- .list-seven:before {
107
- content: "7";
108
- }
109
-
110
- .list-eight:before {
111
- content: "8";
112
- }
113
-
114
- .list-nine:before {
115
- content: "9";
116
- }
117
-
118
- .list-ten:before {
119
- content: "10";
120
- }
121
-
122
- .list-eleven:before {
123
- content: "11";
124
- }
125
-
126
- .list-twelve:before {
127
- content: "12";
128
- }
129
-
130
- .list-thirteen:before {
131
- content: "13";
132
- }
133
-
134
- .list-fourteen:before {
135
- content: "14";
136
- }
137
-
138
- .list-fifteen:before {
139
- content: "15";
140
- }
141
-
142
- .list-sixteen:before {
143
- content: "16";
144
- }
145
-
146
- .list-seventeen:before {
147
- content: "17";
148
- }
149
-
150
- .list-eighteen:before {
151
- content: "18";
152
- }
153
-
154
- .list-nineteen:before {
155
- content: "19";
156
- }
157
-
158
- .list-twenty:before {
159
- content: "20";
160
- }
161
-
162
- /*# sourceMappingURL=m-process-list.css.map */
1
+ .usa-sr-only{position:absolute;left:-999em}.process{list-style:none;padding:1em 0;position:relative}.process h2,.process h3,.process h4,.process h5{margin-top:0;clear:none;padding-top:.3em}.process p{padding:0;margin-top:0}.process p:only-of-type{margin-top:0}.process p.va-address-block{padding-left:.625rem}.process ul{margin:0 0 1em 1.25em !important;padding:0}.process ul li{list-style:square;margin:0;padding:.1em 0}.process-step{border-left:8px solid #aeb0b5;padding:0 0 2em 2em;list-style:none;margin:0 !important}.process-step:before{color:#fff;float:left;font-size:1.3em;font-weight:700;text-align:center;line-height:1.575em;width:2em;height:2em;top:-0.2em;margin-left:-2.7em;display:block;border:4px solid #fff;background:#8d9297;border-radius:4em;position:relative}.process-step:last-child{border-left:0;padding-left:calc(2em + 8px)}.list-one:before{content:"1"}.list-two:before{content:"2"}.list-three:before{content:"3"}.list-four:before{content:"4"}.list-five:before{content:"5"}.list-six:before{content:"6"}.list-seven:before{content:"7"}.list-eight:before{content:"8"}.list-nine:before{content:"9"}.list-ten:before{content:"10"}.list-eleven:before{content:"11"}.list-twelve:before{content:"12"}.list-thirteen:before{content:"13"}.list-fourteen:before{content:"14"}.list-fifteen:before{content:"15"}.list-sixteen:before{content:"16"}.list-seventeen:before{content:"17"}.list-eighteen:before{content:"18"}.list-nineteen:before{content:"19"}.list-twenty:before{content:"20"}/*# sourceMappingURL=m-process-list.css.map */