@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.
- package/dist/stylesheets/_mixins.scss +2 -3
- package/dist/stylesheets/base/fonts.css +1 -1589
- package/dist/stylesheets/base/headings.css +1 -1523
- package/dist/stylesheets/base/utils.css +1 -137
- package/dist/stylesheets/base/va.css +1 -1843
- package/dist/stylesheets/core.css +1 -6033
- package/dist/stylesheets/formation-overrides/core/base.css +1 -64
- package/dist/stylesheets/formation-overrides/core/fonts.css +1 -46
- package/dist/stylesheets/formation-overrides/elements/buttons.css +1 -562
- package/dist/stylesheets/formation-overrides/elements/inputs.css +1 -384
- package/dist/stylesheets/formation-overrides/elements/labels.css +1 -28
- package/dist/stylesheets/formation-overrides/elements/lists.css +1 -57
- package/dist/stylesheets/formation-overrides/elements/table.css +1 -78
- package/dist/stylesheets/formation-overrides/elements/typography.css +1 -312
- package/dist/stylesheets/mobile-typography.css +1 -13
- package/dist/stylesheets/modules/m-action-link.css +1 -1447
- package/dist/stylesheets/modules/m-additional-info.css +1 -39
- package/dist/stylesheets/modules/m-alert.css +1 -248
- package/dist/stylesheets/modules/m-breadcrumbs.css +1 -96
- package/dist/stylesheets/modules/m-button.css +1 -153
- package/dist/stylesheets/modules/m-dropdown.css +1 -47
- package/dist/stylesheets/modules/m-emergency-banner.css +1 -33
- package/dist/stylesheets/modules/m-external-link.css +1 -14
- package/dist/stylesheets/modules/m-form-elements.css +1 -231
- package/dist/stylesheets/modules/m-form-process.css +1 -219
- package/dist/stylesheets/modules/m-homepage-hero.css +1 -76
- package/dist/stylesheets/modules/m-hub-page-link-list.css +1 -40
- package/dist/stylesheets/modules/m-loading-indicator.css +1 -41
- package/dist/stylesheets/modules/m-maintenance-banner.css +1 -33
- package/dist/stylesheets/modules/m-megamenu.css +1 -370
- package/dist/stylesheets/modules/m-modal.css +1 -117
- package/dist/stylesheets/modules/m-nav-linklist.css +1 -49
- package/dist/stylesheets/modules/m-nav-sidebar.css +1 -349
- package/dist/stylesheets/modules/m-omb-info.css +0 -5
- package/dist/stylesheets/modules/m-overlay.css +1 -72
- package/dist/stylesheets/modules/m-print.css +1 -27
- package/dist/stylesheets/modules/m-process-list.css +1 -162
- package/dist/stylesheets/modules/va-pagination.css +1 -90
- package/dist/stylesheets/modules/va-tabs.css +1 -53
- package/dist/stylesheets/shame.css +1 -266
- package/dist/stylesheets/uswds-typography.css +1 -4201
- package/dist/stylesheets/utilities.css +1 -15539
- package/dist/tokens/css/variables.css +10 -3
- package/dist/tokens/json/variables.json +157 -4
- package/dist/tokens/scss/variables.scss +10 -3
- package/package.json +3 -3
|
@@ -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
|
-
@
|
|
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 dotted #aeb0b5;
|
|
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";
|
|
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 */
|