@department-of-veterans-affairs/css-library 0.13.1-rc1 → 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 (45) hide show
  1. package/dist/stylesheets/base/fonts.css +1 -1589
  2. package/dist/stylesheets/base/headings.css +1 -1523
  3. package/dist/stylesheets/base/utils.css +1 -137
  4. package/dist/stylesheets/base/va.css +1 -392
  5. package/dist/stylesheets/core.css +1 -6441
  6. package/dist/stylesheets/formation-overrides/core/base.css +1 -64
  7. package/dist/stylesheets/formation-overrides/core/fonts.css +1 -46
  8. package/dist/stylesheets/formation-overrides/elements/buttons.css +1 -562
  9. package/dist/stylesheets/formation-overrides/elements/inputs.css +1 -384
  10. package/dist/stylesheets/formation-overrides/elements/labels.css +1 -28
  11. package/dist/stylesheets/formation-overrides/elements/lists.css +1 -57
  12. package/dist/stylesheets/formation-overrides/elements/table.css +1 -78
  13. package/dist/stylesheets/formation-overrides/elements/typography.css +1 -312
  14. package/dist/stylesheets/mobile-typography.css +1 -13
  15. package/dist/stylesheets/modules/m-action-link.css +1 -1447
  16. package/dist/stylesheets/modules/m-additional-info.css +1 -39
  17. package/dist/stylesheets/modules/m-alert.css +1 -252
  18. package/dist/stylesheets/modules/m-breadcrumbs.css +1 -96
  19. package/dist/stylesheets/modules/m-button.css +1 -153
  20. package/dist/stylesheets/modules/m-dropdown.css +1 -47
  21. package/dist/stylesheets/modules/m-emergency-banner.css +1 -33
  22. package/dist/stylesheets/modules/m-external-link.css +1 -14
  23. package/dist/stylesheets/modules/m-form-elements.css +1 -231
  24. package/dist/stylesheets/modules/m-form-process.css +1 -219
  25. package/dist/stylesheets/modules/m-homepage-hero.css +1 -76
  26. package/dist/stylesheets/modules/m-hub-page-link-list.css +1 -40
  27. package/dist/stylesheets/modules/m-loading-indicator.css +1 -41
  28. package/dist/stylesheets/modules/m-maintenance-banner.css +1 -33
  29. package/dist/stylesheets/modules/m-megamenu.css +1 -370
  30. package/dist/stylesheets/modules/m-modal.css +1 -117
  31. package/dist/stylesheets/modules/m-nav-linklist.css +1 -49
  32. package/dist/stylesheets/modules/m-nav-sidebar.css +1 -349
  33. package/dist/stylesheets/modules/m-omb-info.css +0 -5
  34. package/dist/stylesheets/modules/m-overlay.css +1 -72
  35. package/dist/stylesheets/modules/m-print.css +1 -27
  36. package/dist/stylesheets/modules/m-process-list.css +1 -162
  37. package/dist/stylesheets/modules/va-pagination.css +1 -90
  38. package/dist/stylesheets/modules/va-tabs.css +1 -53
  39. package/dist/stylesheets/shame.css +1 -267
  40. package/dist/stylesheets/uswds-typography.css +1 -4201
  41. package/dist/stylesheets/utilities.css +1 -15539
  42. package/dist/tokens/css/variables.css +8 -1
  43. package/dist/tokens/json/variables.json +153 -0
  44. package/dist/tokens/scss/variables.scss +8 -1
  45. package/package.json +2 -2
@@ -1,231 +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
- legend.legend-label + .form-radio-buttons {
16
- margin-top: 0.75rem;
17
- }
18
-
19
- .form-radio-buttons label {
20
- margin-top: 12px;
21
- }
22
- .form-radio-buttons label a {
23
- position: relative;
24
- }
25
- .form-radio-buttons [type=radio] {
26
- height: 3rem !important;
27
- margin: 0;
28
- border: 0;
29
- cursor: pointer;
30
- }
31
- .form-radio-buttons .errorable-radio-button label {
32
- outline: none;
33
- padding: 0.75rem;
34
- display: inline-block;
35
- margin: 0 0 0 0.75rem;
36
- }
37
- .form-radio-buttons .errorable-radio-button input:focus + label {
38
- background: #ffe396;
39
- }
40
-
41
- .form-required-span {
42
- color: #cd2026;
43
- margin: 0 0.35em;
44
- }
45
-
46
- button.form-button-green {
47
- background: #008817;
48
- }
49
-
50
- button.form-button-disabled {
51
- pointer-events: none;
52
- }
53
-
54
- .form-datefield-month,
55
- .form-datefield-day {
56
- clear: none;
57
- float: left;
58
- margin-right: 0.9375rem;
59
- }
60
- .form-datefield-month select,
61
- .form-datefield-day select {
62
- padding-top: 0.53125rem;
63
- padding-bottom: 0.53125rem;
64
- }
65
-
66
- .form-alert-body {
67
- padding: 0 2.1875rem;
68
- }
69
-
70
- .form-datefield-month {
71
- width: 8.125rem;
72
- }
73
-
74
- .form-datefield-day {
75
- width: 5rem;
76
- }
77
-
78
- .form-radio-buttons > input[type=radio] + label::before {
79
- display: block;
80
- float: left;
81
- margin-left: -1.7em;
82
- margin-top: 0.25em;
83
- margin-right: 0;
84
- pointer-events: none;
85
- }
86
- .form-radio-buttons > input[type=radio] + label {
87
- margin-left: 1.8em;
88
- }
89
- .form-radio-buttons > input[type=radio] {
90
- cursor: pointer;
91
- }
92
-
93
- .form-required-span {
94
- color: #cd2026;
95
- margin: 0 0.35em;
96
- }
97
-
98
- .form-checkbox [type=checkbox] {
99
- height: 1.125rem !important;
100
- margin: 0;
101
- width: 1.125rem !important;
102
- cursor: pointer;
103
- }
104
- .form-checkbox > input[type=checkbox] + label::before {
105
- display: block;
106
- float: left;
107
- margin-left: -1.7em;
108
- margin-top: 0.14em;
109
- margin-right: 0;
110
- pointer-events: none;
111
- }
112
- .form-checkbox > input[type=checkbox] + label {
113
- margin-left: 1.7em;
114
- }
115
-
116
- legend.legend-label + .form-checkbox-buttons {
117
- margin-top: 0.75rem;
118
- }
119
-
120
- .form-checkbox-buttons [type=checkbox] {
121
- height: 1.125rem !important;
122
- width: 1.125rem !important;
123
- cursor: pointer;
124
- margin: 0.75rem 0 0 1.5rem;
125
- }
126
- .form-checkbox-buttons label {
127
- padding: 0.75rem;
128
- display: inline-block;
129
- margin: 0 0 0 0.75rem;
130
- }
131
-
132
- .form-field-alert label {
133
- margin-top: 0.5em;
134
- }
135
-
136
- .form-error-date {
137
- margin-top: 0;
138
- }
139
-
140
- .usa-input-error.form-error-date input, .usa-input-error.form-error-date select {
141
- width: 100%;
142
- }
143
-
144
- @media screen and (min-width: 768px), print and (min-width: 768px) {
145
- .form-select-medium {
146
- max-width: 7.5rem;
147
- }
148
- }
149
- .form-expanding-group-active-radio {
150
- margin-left: 28px;
151
- }
152
-
153
- .form-expanding-group-active-radio.form-expanding-group-inner-enter,
154
- .form-expanding-group-active-radio.form-expanding-group-inner-leave-active {
155
- margin-top: -16px;
156
- }
157
-
158
- .form-expanding-group-inner-leave {
159
- max-height: 800px;
160
- opacity: 1;
161
- margin-top: 0;
162
- }
163
-
164
- .form-expanding-group-inner-enter {
165
- opacity: 0;
166
- max-height: 0;
167
- }
168
-
169
- .form-expanding-group-inner-leave.form-expanding-group-inner-leave-active {
170
- -webkit-transition: margin-top 500ms 0ms, max-height 300ms 0ms, opacity 300ms 0ms;
171
- transition: margin-top 500ms 0ms, max-height 300ms 0ms, opacity 300ms 0ms;
172
- max-height: 0;
173
- opacity: 0;
174
- }
175
-
176
- .form-expanding-group-inner-enter.form-expanding-group-inner-enter-active {
177
- -webkit-transition: margin-top 300ms 0ms, max-height 700ms 0ms, opacity 500ms 200ms;
178
- transition: margin-top 300ms 0ms, max-height 700ms 0ms, opacity 500ms 200ms;
179
- max-height: 800px;
180
- opacity: 1;
181
- margin-top: 0 !important;
182
- }
183
-
184
- .form-expanding-group > span .usa-input-error {
185
- padding-left: calc(1.5rem - 6px);
186
- right: calc(1.9rem - 6px);
187
- }
188
- .form-expanding-group > span .schemaform-expandUnder-indent .usa-input-error {
189
- padding-left: 0.9375rem;
190
- right: 1.1875rem;
191
- }
192
-
193
- .form-expanding-group {
194
- margin-left: -1.25rem;
195
- padding-left: 1.25rem;
196
- }
197
-
198
- .form-expanding-group-open {
199
- padding-left: calc(2rem - 7px);
200
- border-left: 7px solid #97d4ea;
201
- }
202
- .form-expanding-group-open .form-expanding-group-open {
203
- border-left-color: transparent;
204
- }
205
-
206
- .form-expanding-group-plus {
207
- position: relative;
208
- }
209
- .form-expanding-group-plus::after {
210
- content: "+";
211
- font-size: 20px;
212
- position: absolute;
213
- right: 0;
214
- top: 0;
215
- }
216
-
217
- .form-expanding-group-open.form-expanding-group-plus::after {
218
- content: "-";
219
- }
220
-
221
- .form-errorable-group > .usa-input-error label {
222
- margin-top: 1.875rem;
223
- }
224
- .form-errorable-group > .usa-input-error .usa-input-error-label {
225
- margin-top: 0;
226
- }
227
- .form-errorable-group > .usa-input-error .usa-input-error-message {
228
- margin-bottom: -1.25rem;
229
- }
230
-
231
- /*# sourceMappingURL=m-form-elements.css.map */
1
+ legend.legend-label+.form-radio-buttons{margin-top:.75rem}.form-radio-buttons label{margin-top:12px}.form-radio-buttons label a{position:relative}.form-radio-buttons [type=radio]{height:3rem !important;margin:0;border:0;cursor:pointer}.form-radio-buttons .errorable-radio-button label{outline:none;padding:.75rem;display:inline-block;margin:0 0 0 .75rem}.form-radio-buttons .errorable-radio-button input:focus+label{background:#ffe396}.form-required-span{color:#cd2026;margin:0 .35em}button.form-button-green{background:#008817}button.form-button-disabled{pointer-events:none}.form-datefield-month,.form-datefield-day{clear:none;float:left;margin-right:.9375rem}.form-datefield-month select,.form-datefield-day select{padding-top:.53125rem;padding-bottom:.53125rem}.form-alert-body{padding:0 2.1875rem}.form-datefield-month{width:8.125rem}.form-datefield-day{width:5rem}.form-radio-buttons>input[type=radio]+label::before{display:block;float:left;margin-left:-1.7em;margin-top:.25em;margin-right:0;pointer-events:none}.form-radio-buttons>input[type=radio]+label{margin-left:1.8em}.form-radio-buttons>input[type=radio]{cursor:pointer}.form-required-span{color:#cd2026;margin:0 .35em}.form-checkbox [type=checkbox]{height:1.125rem !important;margin:0;width:1.125rem !important;cursor:pointer}.form-checkbox>input[type=checkbox]+label::before{display:block;float:left;margin-left:-1.7em;margin-top:.14em;margin-right:0;pointer-events:none}.form-checkbox>input[type=checkbox]+label{margin-left:1.7em}legend.legend-label+.form-checkbox-buttons{margin-top:.75rem}.form-checkbox-buttons [type=checkbox]{height:1.125rem !important;width:1.125rem !important;cursor:pointer;margin:.75rem 0 0 1.5rem}.form-checkbox-buttons label{padding:.75rem;display:inline-block;margin:0 0 0 .75rem}.form-field-alert label{margin-top:.5em}.form-error-date{margin-top:0}.usa-input-error.form-error-date input,.usa-input-error.form-error-date select{width:100%}@media screen and (min-width: 768px),print and (min-width: 768px){.form-select-medium{max-width:7.5rem}}.form-expanding-group-active-radio{margin-left:28px}.form-expanding-group-active-radio.form-expanding-group-inner-enter,.form-expanding-group-active-radio.form-expanding-group-inner-leave-active{margin-top:-16px}.form-expanding-group-inner-leave{max-height:800px;opacity:1;margin-top:0}.form-expanding-group-inner-enter{opacity:0;max-height:0}.form-expanding-group-inner-leave.form-expanding-group-inner-leave-active{-webkit-transition:margin-top 500ms 0ms,max-height 300ms 0ms,opacity 300ms 0ms;transition:margin-top 500ms 0ms,max-height 300ms 0ms,opacity 300ms 0ms;max-height:0;opacity:0}.form-expanding-group-inner-enter.form-expanding-group-inner-enter-active{-webkit-transition:margin-top 300ms 0ms,max-height 700ms 0ms,opacity 500ms 200ms;transition:margin-top 300ms 0ms,max-height 700ms 0ms,opacity 500ms 200ms;max-height:800px;opacity:1;margin-top:0 !important}.form-expanding-group>span .usa-input-error{padding-left:calc(1.5rem - 6px);right:calc(1.9rem - 6px)}.form-expanding-group>span .schemaform-expandUnder-indent .usa-input-error{padding-left:.9375rem;right:1.1875rem}.form-expanding-group{margin-left:-1.25rem;padding-left:1.25rem}.form-expanding-group-open{padding-left:calc(2rem - 7px);border-left:7px solid #97d4ea}.form-expanding-group-open .form-expanding-group-open{border-left-color:rgba(0,0,0,0)}.form-expanding-group-plus{position:relative}.form-expanding-group-plus::after{content:"+";font-size:20px;position:absolute;right:0;top:0}.form-expanding-group-open.form-expanding-group-plus::after{content:"-"}.form-errorable-group>.usa-input-error label{margin-top:1.875rem}.form-errorable-group>.usa-input-error .usa-input-error-label{margin-top:0}.form-errorable-group>.usa-input-error .usa-input-error-message{margin-bottom:-1.25rem}/*# sourceMappingURL=m-form-elements.css.map */
@@ -1,219 +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
- .form-process li h5 {
17
- color: #5b616b;
18
- }
19
- .form-process li li {
20
- display: none;
21
- }
22
- .form-process li:before {
23
- background: #5b616b;
24
- }
25
- .form-process li.section-complete:before {
26
- background: #008817;
27
- content: "✔︎";
28
- }
29
- @media screen and (max-width: 481px) {
30
- .form-process li.section-complete:before {
31
- content: "✓︎";
32
- }
33
- }
34
- .form-process li.section-current h5 {
35
- font-weight: bold;
36
- color: #005ea2;
37
- }
38
- .form-process li.section-current li {
39
- display: list-item;
40
- }
41
- .form-process li.section-current li.sub-section-current {
42
- font-weight: bold;
43
- color: #005ea2;
44
- }
45
- .form-process li.section-current li.sub-section-hidden {
46
- display: none;
47
- }
48
- .form-process li.section-current:before {
49
- background: #005ea2;
50
- }
51
-
52
- .form-process-step {
53
- color: #ffffff;
54
- font-weight: 700;
55
- text-align: center;
56
- width: 2em;
57
- margin-left: -0.2em;
58
- margin-right: -0.2em;
59
- top: -0.2em;
60
- display: block;
61
- border: 4px solid #ffffff;
62
- background: #8d9297;
63
- border-radius: 4em;
64
- display: inline-block;
65
- }
66
- .form-process-step.current {
67
- background: #005ea2;
68
- }
69
-
70
- .form-process-total {
71
- font-weight: normal;
72
- padding-right: 4px;
73
- }
74
-
75
- @media (max-width: 768px) {
76
- .form-review-panel .form-review-array .edit-btn {
77
- width: 100%;
78
- text-align: center;
79
- }
80
- }
81
- .form-review-panel button:not(.usa-button-unstyled) {
82
- background-image: none;
83
- background-color: #005ea2;
84
- padding: 0.625rem 1.25rem;
85
- color: #ffffff;
86
- width: auto;
87
- }
88
- .form-review-panel button:not(.usa-button-unstyled):hover {
89
- color: #ffffff;
90
- background-color: #1a4480;
91
- }
92
- .form-review-panel button:not(.usa-button-unstyled):active {
93
- background-color: #112e51;
94
- }
95
- .form-review-panel button.usa-button-secondary {
96
- color: #005ea2;
97
- background-color: #ffffff;
98
- }
99
- .form-review-panel button.usa-button-secondary:hover {
100
- background-color: #ffffff;
101
- color: #1a4480;
102
- }
103
- .form-review-panel button.usa-button-secondary:active {
104
- background-color: #ffffff;
105
- color: #112e51;
106
- }
107
- .form-review-panel .edit-btn {
108
- background-color: #005ea2;
109
- color: #ffffff;
110
- margin-left: auto;
111
- }
112
- .form-review-panel .edit-btn:hover {
113
- background-color: #1a4480;
114
- color: #ffffff;
115
- }
116
- .form-review-panel .edit-btn.primary-outline {
117
- background-color: transparent;
118
- border: 2px solid #005ea2;
119
- color: #005ea2;
120
- }
121
- .form-review-panel .edit-btn.primary-outline:disabled {
122
- color: #f1f1f1;
123
- border-color: #f1f1f1;
124
- }
125
- .form-review-panel .edit-btn.primary-outline:hover {
126
- background-color: transparent;
127
- border: 2px solid #1a4480;
128
- color: #1a4480;
129
- }
130
- .form-review-panel .accordion-header > button {
131
- min-height: 4.375rem;
132
- padding: 1.5625rem 4.0625rem 1.5625rem 1.875rem;
133
- font-size: 1.15em;
134
- line-height: 1.5;
135
- font-weight: bold;
136
- }
137
- .form-review-panel .section-label {
138
- padding-bottom: 0.625rem;
139
- }
140
- .form-review-panel legend.hide-for-small-only {
141
- display: none !important;
142
- }
143
- .form-review-panel table.review {
144
- margin: 1em 0;
145
- }
146
- .form-review-panel table.review td {
147
- padding-left: 0;
148
- padding-right: 0;
149
- }
150
- .form-review-panel table.review td:first-child {
151
- padding-right: 1em;
152
- }
153
- .form-review-panel .usa-accordion-content {
154
- padding: 1em;
155
- }
156
-
157
- .review-growable {
158
- background-color: #f1f1f1;
159
- }
160
- .review-growable table.review {
161
- margin: 0;
162
- }
163
- .review-growable tr > td {
164
- background: #f1f1f1;
165
- }
166
- .review-growable tr:first-child > td {
167
- border-top-style: none;
168
- }
169
- .review-growable tr:last-child > td {
170
- border-bottom-style: none;
171
- }
172
-
173
- .form-review-panel-page {
174
- margin-bottom: 3.125rem;
175
- }
176
- .form-review-panel-page:last-child {
177
- margin-bottom: 0;
178
- }
179
- .form-review-panel-page:focus {
180
- outline: none;
181
- }
182
- .form-review-panel-page tr td:last-child {
183
- font-weight: 700;
184
- min-width: 3em;
185
- }
186
-
187
- .form-review-panel-page-header-row {
188
- display: flex;
189
- justify-content: space-between;
190
- align-items: center;
191
- flex-wrap: wrap;
192
- }
193
- @media screen and (max-width: 481px) {
194
- .form-review-panel-page-header-row.header-stacked-small {
195
- flex-direction: column;
196
- align-items: flex-start;
197
- }
198
- }
199
-
200
- .form-review-panel-page-header {
201
- flex: 1;
202
- padding-bottom: 0 !important;
203
- padding-right: 5px;
204
- line-height: 37px;
205
- margin-top: 0;
206
- margin-bottom: 0;
207
- }
208
-
209
- .schemaform-array-row-title:focus {
210
- outline: 2px solid #face00;
211
- outline-offset: 2px;
212
- display: inline-block;
213
- }
214
-
215
- .form-review-array {
216
- margin-top: 3.125rem;
217
- }
218
-
219
- /*# sourceMappingURL=m-form-process.css.map */
1
+ .form-process li h5{color:#5b616b}.form-process li li{display:none}.form-process li:before{background:#5b616b}.form-process li.section-complete:before{background:#008817;content:"✔︎"}@media screen and (max-width: 481px){.form-process li.section-complete:before{content:"✓︎"}}.form-process li.section-current h5{font-weight:bold;color:#005ea2}.form-process li.section-current li{display:list-item}.form-process li.section-current li.sub-section-current{font-weight:bold;color:#005ea2}.form-process li.section-current li.sub-section-hidden{display:none}.form-process li.section-current:before{background:#005ea2}.form-process-step{color:#fff;font-weight:700;text-align:center;width:2em;margin-left:-0.2em;margin-right:-0.2em;top:-0.2em;display:block;border:4px solid #fff;background:#8d9297;border-radius:4em;display:inline-block}.form-process-step.current{background:#005ea2}.form-process-total{font-weight:normal;padding-right:4px}@media(max-width: 768px){.form-review-panel .form-review-array .edit-btn{width:100%;text-align:center}}.form-review-panel button:not(.usa-button-unstyled){background-image:none;background-color:#005ea2;padding:.625rem 1.25rem;color:#fff;width:auto}.form-review-panel button:not(.usa-button-unstyled):hover{color:#fff;background-color:#1a4480}.form-review-panel button:not(.usa-button-unstyled):active{background-color:#112e51}.form-review-panel button.usa-button-secondary{color:#005ea2;background-color:#fff}.form-review-panel button.usa-button-secondary:hover{background-color:#fff;color:#1a4480}.form-review-panel button.usa-button-secondary:active{background-color:#fff;color:#112e51}.form-review-panel .edit-btn{background-color:#005ea2;color:#fff;margin-left:auto}.form-review-panel .edit-btn:hover{background-color:#1a4480;color:#fff}.form-review-panel .edit-btn.primary-outline{background-color:rgba(0,0,0,0);border:2px solid #005ea2;color:#005ea2}.form-review-panel .edit-btn.primary-outline:disabled{color:#f1f1f1;border-color:#f1f1f1}.form-review-panel .edit-btn.primary-outline:hover{background-color:rgba(0,0,0,0);border:2px solid #1a4480;color:#1a4480}.form-review-panel .accordion-header>button{min-height:4.375rem;padding:1.5625rem 4.0625rem 1.5625rem 1.875rem;font-size:1.15em;line-height:1.5;font-weight:bold}.form-review-panel .section-label{padding-bottom:.625rem}.form-review-panel legend.hide-for-small-only{display:none !important}.form-review-panel table.review{margin:1em 0}.form-review-panel table.review td{padding-left:0;padding-right:0}.form-review-panel table.review td:first-child{padding-right:1em}.form-review-panel .usa-accordion-content{padding:1em}.review-growable{background-color:#f1f1f1}.review-growable table.review{margin:0}.review-growable tr>td{background:#f1f1f1}.review-growable tr:first-child>td{border-top-style:none}.review-growable tr:last-child>td{border-bottom-style:none}.form-review-panel-page{margin-bottom:3.125rem}.form-review-panel-page:last-child{margin-bottom:0}.form-review-panel-page:focus{outline:none}.form-review-panel-page tr td:last-child{font-weight:700;min-width:3em}.form-review-panel-page-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media screen and (max-width: 481px){.form-review-panel-page-header-row.header-stacked-small{flex-direction:column;align-items:flex-start}}.form-review-panel-page-header{flex:1;padding-bottom:0 !important;padding-right:5px;line-height:37px;margin-top:0;margin-bottom:0}.schemaform-array-row-title:focus{outline:2px solid #face00;outline-offset:2px;display:inline-block}.form-review-array{margin-top:3.125rem}/*# sourceMappingURL=m-form-process.css.map */
@@ -1,76 +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
- .homepage-hero {
16
- background: #f1f1f1;
17
- }
18
-
19
- .homepage-hero-image {
20
- align-items: center;
21
- background-size: cover;
22
- display: flex;
23
- margin: auto;
24
- min-height: 14rem;
25
- padding: 1em 1.5rem;
26
- text-align: center;
27
- }
28
- .homepage-hero-image.usa-grid {
29
- max-width: 71.25rem;
30
- }
31
- @media screen and (min-width: 768px), print and (min-width: 768px) {
32
- .homepage-hero-image {
33
- padding: 2em 0;
34
- min-height: 20rem;
35
- }
36
- }
37
- @media screen and (min-width: 1201px), print and (min-width: 1201px) {
38
- .homepage-hero-image {
39
- padding-top: 2.5em;
40
- padding-bottom: 2.5em;
41
- }
42
- }
43
-
44
- .homepage-hero-title {
45
- background: #ffffff;
46
- color: #323a45;
47
- font-weight: bold;
48
- font-size: 1.5625rem;
49
- line-height: 1.3;
50
- margin: 3em auto;
51
- padding: 0.5em 0.4em;
52
- white-space: pre-wrap;
53
- }
54
- @media screen and (min-width: 768px), print and (min-width: 768px) {
55
- .homepage-hero-title {
56
- font-size: 2.1875rem;
57
- padding-left: 0.75em;
58
- padding-right: 0.75em;
59
- white-space: normal;
60
- }
61
- }
62
- @media screen and (min-width: 1201px), print and (min-width: 1201px) {
63
- .homepage-hero-title {
64
- padding-left: 0.4em;
65
- padding-right: 0.4em;
66
- }
67
- }
68
-
69
- .va-homepage-benefits {
70
- padding-bottom: 1.25rem;
71
- }
72
- .va-homepage-benefits li:first-child {
73
- margin-top: 0.625rem;
74
- }
75
-
76
- /*# sourceMappingURL=m-homepage-hero.css.map */
1
+ .homepage-hero{background:#f1f1f1}.homepage-hero-image{align-items:center;background-size:cover;display:flex;margin:auto;min-height:14rem;padding:1em 1.5rem;text-align:center}.homepage-hero-image.usa-grid{max-width:71.25rem}@media screen and (min-width: 768px),print and (min-width: 768px){.homepage-hero-image{padding:2em 0;min-height:20rem}}@media screen and (min-width: 1201px),print and (min-width: 1201px){.homepage-hero-image{padding-top:2.5em;padding-bottom:2.5em}}.homepage-hero-title{background:#fff;color:#323a45;font-weight:bold;font-size:1.5625rem;line-height:1.3;margin:3em auto;padding:.5em .4em;white-space:pre-wrap}@media screen and (min-width: 768px),print and (min-width: 768px){.homepage-hero-title{font-size:2.1875rem;padding-left:.75em;padding-right:.75em;white-space:normal}}@media screen and (min-width: 1201px),print and (min-width: 1201px){.homepage-hero-title{padding-left:.4em;padding-right:.4em}}.va-homepage-benefits{padding-bottom:1.25rem}.va-homepage-benefits li:first-child{margin-top:.625rem}/*# sourceMappingURL=m-homepage-hero.css.map */
@@ -1,40 +1 @@
1
- /**
2
- Variables ported over from Formation so that we can keep those stylesheets
3
- working while we work on deprecation.
4
- **/
5
- .hub-page-link-list {
6
- list-style: none;
7
- padding: 0;
8
- }
9
- .hub-page-link-list__item {
10
- margin-bottom: 1em;
11
- margin: 1rem 0;
12
- }
13
- .hub-page-link-list__item > a {
14
- text-decoration: none;
15
- }
16
- .hub-page-link-list__item > a:hover .all-link-arrow, .hub-page-link-list__item > a:focus .all-link-arrow {
17
- margin-left: 10px;
18
- content: url("/img/arrow-right.svg");
19
- }
20
- .hub-page-link-list__item > a:hover .hub-page-link-list__header, .hub-page-link-list__item > a:focus .hub-page-link-list__header {
21
- text-decoration: underline;
22
- }
23
- .hub-page-link-list__item > a .all-link-arrow {
24
- width: 11px;
25
- margin-left: 5px;
26
- transition: all 0.15s ease;
27
- margin-bottom: 2px;
28
- }
29
- .hub-page-link-list__header {
30
- font-weight: bold;
31
- }
32
- .hub-page-link-list__description {
33
- color: #000000;
34
- margin: 0;
35
- }
36
- .hub-page-link-list__title:focus {
37
- outline: none;
38
- }
39
-
40
- /*# sourceMappingURL=m-hub-page-link-list.css.map */
1
+ .hub-page-link-list{list-style:none;padding:0}.hub-page-link-list__item{margin-bottom:1em;margin:1rem 0}.hub-page-link-list__item>a{text-decoration:none}.hub-page-link-list__item>a:hover .all-link-arrow,.hub-page-link-list__item>a:focus .all-link-arrow{margin-left:10px;content:url("/img/arrow-right.svg")}.hub-page-link-list__item>a:hover .hub-page-link-list__header,.hub-page-link-list__item>a:focus .hub-page-link-list__header{text-decoration:underline}.hub-page-link-list__item>a .all-link-arrow{width:11px;margin-left:5px;transition:all .15s ease;margin-bottom:2px}.hub-page-link-list__header{font-weight:bold}.hub-page-link-list__description{color:#000;margin:0}.hub-page-link-list__title:focus{outline:none}/*# sourceMappingURL=m-hub-page-link-list.css.map */
@@ -1,41 +1 @@
1
- /**
2
- Variables ported over from Formation so that we can keep those stylesheets
3
- working while we work on deprecation.
4
- **/
5
- .loading-indicator-container {
6
- text-align: center;
7
- }
8
- .loading-indicator-container .loading-indicator {
9
- display: block;
10
- height: units(8);
11
- margin-top: units(2);
12
- }
13
- .loading-indicator-container .loading-indicator:after {
14
- content: " ";
15
- display: inline-block;
16
- width: units(7);
17
- height: units(7);
18
- margin: 1px;
19
- border-radius: 50%;
20
- border: 8px solid #005ea2;
21
- border-color: #005ea2 transparent #005ea2 transparent;
22
- animation: spin 1.2s linear infinite;
23
- }
24
- .loading-indicator-container .loading-indicator:focus {
25
- outline: none;
26
- }
27
-
28
- .async-loader {
29
- padding-bottom: units(1);
30
- }
31
-
32
- @keyframes spin {
33
- 0% {
34
- transform: rotate(0deg);
35
- }
36
- 100% {
37
- transform: rotate(360deg);
38
- }
39
- }
40
-
41
- /*# sourceMappingURL=m-loading-indicator.css.map */
1
+ .loading-indicator-container{text-align:center}.loading-indicator-container .loading-indicator{display:block;height:units(8);margin-top:units(2)}.loading-indicator-container .loading-indicator:after{content:" ";display:inline-block;width:units(7);height:units(7);margin:1px;border-radius:50%;border:8px solid #005ea2;border-color:#005ea2 rgba(0,0,0,0) #005ea2 rgba(0,0,0,0);animation:spin 1.2s linear infinite}.loading-indicator-container .loading-indicator:focus{outline:none}.async-loader{padding-bottom:units(1)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/*# sourceMappingURL=m-loading-indicator.css.map */
@@ -1,33 +1 @@
1
- /**
2
- Variables ported over from Formation so that we can keep those stylesheets
3
- working while we work on deprecation.
4
- **/
5
- .vads-c-maintenance-banner .usa-alert {
6
- align-items: flex-start;
7
- display: flex;
8
- font-size: 1rem;
9
- padding: 12px 16px;
10
- max-width: 650px;
11
- }
12
- .vads-c-maintenance-banner .usa-alert::before {
13
- color: unset;
14
- margin-right: -22.5px;
15
- }
16
- .vads-c-maintenance-banner .usa-alert .usa-alert-heading {
17
- font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
18
- font-size: 1rem;
19
- margin-top: 4px;
20
- margin-left: 30.5px;
21
- }
22
- .vads-c-maintenance-banner .usa-alert .usa-alert-text {
23
- margin-top: 0.625rem;
24
- }
25
- .vads-c-maintenance-banner .usa-alert .va-alert-close {
26
- margin-top: 4px;
27
- }
28
- .vads-c-maintenance-banner .va-alert-close {
29
- position: relative;
30
- margin: 0;
31
- }
32
-
33
- /*# sourceMappingURL=m-maintenance-banner.css.map */
1
+ .vads-c-maintenance-banner .usa-alert{align-items:flex-start;display:flex;font-size:1rem;padding:12px 16px;max-width:650px}.vads-c-maintenance-banner .usa-alert::before{color:unset;margin-right:-22.5px}.vads-c-maintenance-banner .usa-alert .usa-alert-heading{font-family:"Source Sans Pro Web","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;margin-top:4px;margin-left:30.5px}.vads-c-maintenance-banner .usa-alert .usa-alert-text{margin-top:.625rem}.vads-c-maintenance-banner .usa-alert .va-alert-close{margin-top:4px}.vads-c-maintenance-banner .va-alert-close{position:relative;margin:0}/*# sourceMappingURL=m-maintenance-banner.css.map */