@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,312 +1 @@
1
- /*
2
- Original: @import "~uswds/src/stylesheets/elements/typography";
3
- ***THIS IS USWDS v1***
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
- /*
20
- Original: @import "~uswds/src/stylesheets/elements/typography";
21
- ***THIS IS USWDS v1***
22
- */
23
- /*
24
- Original: @import "~uswds/src/stylesheets/core/utilities";
25
- ***THIS IS USWDS v1***
26
- */
27
- .usa-sr-only {
28
- position: absolute;
29
- left: -999em;
30
- }
31
-
32
- html {
33
- font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
34
- font-size: 16px;
35
- }
36
-
37
- body {
38
- font-size: 16px;
39
- }
40
-
41
- p {
42
- line-height: 1.5;
43
- margin-bottom: 1em;
44
- margin-top: 1em;
45
- }
46
-
47
- a {
48
- color: #005ea2;
49
- text-decoration: underline;
50
- }
51
- a:hover, a:active {
52
- color: #1a4480;
53
- }
54
- a:focus {
55
- outline: 2px solid #face00;
56
- outline-offset: 2px;
57
- }
58
- a:visited {
59
- color: #54278f;
60
- }
61
-
62
- .usa-external_link::after {
63
- background: url("/img/external-link.png") no-repeat 0 0;
64
- background: url("/img/external-link.svg") no-repeat 0 0;
65
- background-size: 100%;
66
- content: "";
67
- display: inline-block;
68
- height: 0.65em;
69
- margin-bottom: -1px;
70
- margin-left: 4px;
71
- width: 0.65em;
72
- }
73
- .usa-external_link:hover::after {
74
- background-image: url("/img/external-link-hover.png");
75
- background-image: url("/img/external-link-hover.svg");
76
- }
77
-
78
- .usa-external_link-alt::after {
79
- background: url("/img/external-link-alt.png") no-repeat 0 0;
80
- background: url("/img/external-link-alt.svg") no-repeat 0 0;
81
- background-size: 100%;
82
- content: "";
83
- display: inline-block;
84
- height: 0.65em;
85
- margin-bottom: -1px;
86
- margin-left: 4px;
87
- width: 0.65em;
88
- }
89
- .usa-external_link-alt:hover::after {
90
- background-image: url("/img/external-link-alt-hover.png");
91
- background-image: url("/img/external-link-alt-hover.svg");
92
- }
93
-
94
- h1,
95
- h2,
96
- h3,
97
- h4,
98
- h5,
99
- h6 {
100
- clear: both;
101
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
102
- line-height: 1.3;
103
- margin-bottom: 0.5em;
104
- margin-top: 1.5em;
105
- }
106
-
107
- h1 {
108
- font-size: 2.5rem;
109
- font-weight: 700;
110
- }
111
- h1 a {
112
- font-size: 2.5rem;
113
- font-weight: 700;
114
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
115
- }
116
-
117
- h2 {
118
- font-size: 1.875rem;
119
- font-weight: 700;
120
- }
121
- h2 a {
122
- font-size: 1.875rem;
123
- font-weight: 700;
124
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
125
- }
126
-
127
- h3 {
128
- font-size: 1.25rem;
129
- font-weight: 700;
130
- }
131
- h3 a {
132
- font-size: 1.25rem;
133
- font-weight: 700;
134
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
135
- }
136
-
137
- h4 {
138
- font-size: 1.0625rem;
139
- font-weight: 700;
140
- }
141
- h4 a {
142
- font-size: 1.0625rem;
143
- font-weight: 700;
144
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
145
- }
146
-
147
- h5 {
148
- font-size: 0.9375rem;
149
- font-weight: 700;
150
- }
151
- h5 a {
152
- font-size: 0.9375rem;
153
- font-weight: 700;
154
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
155
- }
156
-
157
- h6 {
158
- font-size: 0.8125rem;
159
- font-weight: 400;
160
- line-height: 1.5;
161
- text-transform: uppercase;
162
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
163
- }
164
- h6 a {
165
- font-size: 0.8125rem;
166
- font-weight: 400;
167
- line-height: 1.5;
168
- text-transform: uppercase;
169
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
170
- }
171
-
172
- cite,
173
- var,
174
- address,
175
- dfn {
176
- font-style: normal;
177
- }
178
-
179
- .usa-content p,
180
- .usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),
181
- .usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered) {
182
- max-width: 43.75rem;
183
- }
184
-
185
- .usa-content-list {
186
- max-width: 43.75rem;
187
- }
188
-
189
- .usa-sans p,
190
- .usa-sans a,
191
- .usa-sans li,
192
- .usa-sans span {
193
- font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
194
- }
195
- .usa-sans a {
196
- border-bottom: none;
197
- font-weight: 700;
198
- }
199
-
200
- .usa-serif p,
201
- .usa-serif a,
202
- .usa-serif li,
203
- .usa-serif span {
204
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
205
- }
206
-
207
- .usa-display {
208
- font-size: 1.25rem;
209
- font-weight: 700;
210
- margin-bottom: 0;
211
- }
212
- @media screen and (min-width: 481px), print and (min-width: 481px) {
213
- .usa-display {
214
- font-size: 2.5rem;
215
- font-weight: 700;
216
- }
217
- }
218
- @media screen and (min-width: 768px), print and (min-width: 768px) {
219
- .usa-display {
220
- font-size: 3.25rem;
221
- font-weight: 700;
222
- }
223
- }
224
-
225
- .usa-font-lead {
226
- font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
227
- font-size: 1.25rem;
228
- font-weight: 400;
229
- line-height: 1.7;
230
- max-width: 48.125rem;
231
- }
232
-
233
- .usa-background-dark {
234
- background-color: #323a45;
235
- }
236
- .usa-background-dark p,
237
- .usa-background-dark span {
238
- color: #ffffff;
239
- }
240
- .usa-background-dark a {
241
- color: #d6d7d9;
242
- }
243
- .usa-background-dark a:hover {
244
- color: #ffffff;
245
- }
246
-
247
- .usa-text-small {
248
- font-size: 0.8125rem;
249
- margin-top: 0;
250
- }
251
-
252
- .usa-section > :first-child,
253
- .usa-grid > :first-child,
254
- .usa-grid-full > :first-child {
255
- margin-top: 0;
256
- }
257
- .usa-section > :last-child,
258
- .usa-grid > :last-child,
259
- .usa-grid-full > :last-child {
260
- margin-bottom: 0;
261
- }
262
-
263
- .usa-width-one-whole:first-child > :first-child,
264
- .usa-width-one-half:first-child > :first-child,
265
- .usa-width-one-third:first-child > :first-child,
266
- .usa-width-two-thirds:first-child > :first-child,
267
- .usa-width-one-fourth:first-child > :first-child,
268
- .usa-width-three-fourths:first-child > :first-child,
269
- .usa-width-one-sixth:first-child > :first-child,
270
- .usa-width-five-sixths:first-child > :first-child,
271
- .usa-width-one-twelfth:first-child > :first-child {
272
- margin-top: 0;
273
- }
274
- @media screen and (min-width: 768px), print and (min-width: 768px) {
275
- .usa-width-one-whole > :first-child,
276
- .usa-width-one-half > :first-child,
277
- .usa-width-one-third > :first-child,
278
- .usa-width-two-thirds > :first-child,
279
- .usa-width-one-fourth > :first-child,
280
- .usa-width-three-fourths > :first-child,
281
- .usa-width-one-sixth > :first-child,
282
- .usa-width-five-sixths > :first-child,
283
- .usa-width-one-twelfth > :first-child {
284
- margin-top: 0;
285
- }
286
- }
287
- .usa-width-one-whole:last-child > :last-child,
288
- .usa-width-one-half:last-child > :last-child,
289
- .usa-width-one-third:last-child > :last-child,
290
- .usa-width-two-thirds:last-child > :last-child,
291
- .usa-width-one-fourth:last-child > :last-child,
292
- .usa-width-three-fourths:last-child > :last-child,
293
- .usa-width-one-sixth:last-child > :last-child,
294
- .usa-width-five-sixths:last-child > :last-child,
295
- .usa-width-one-twelfth:last-child > :last-child {
296
- margin-bottom: 0;
297
- }
298
- @media screen and (min-width: 768px), print and (min-width: 768px) {
299
- .usa-width-one-whole > :last-child,
300
- .usa-width-one-half > :last-child,
301
- .usa-width-one-third > :last-child,
302
- .usa-width-two-thirds > :last-child,
303
- .usa-width-one-fourth > :last-child,
304
- .usa-width-three-fourths > :last-child,
305
- .usa-width-one-sixth > :last-child,
306
- .usa-width-five-sixths > :last-child,
307
- .usa-width-one-twelfth > :last-child {
308
- margin-bottom: 0;
309
- }
310
- }
311
-
312
- /*# sourceMappingURL=typography.css.map */
1
+ .usa-sr-only{position:absolute;left:-999em}html{font-family:"Source Sans Pro Web","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:16px}body{font-size:16px}p{line-height:1.5;margin-bottom:1em;margin-top:1em}a{color:#005ea2;text-decoration:underline}a:hover,a:active{color:#1a4480}a:focus{outline:2px solid #face00;outline-offset:2px}a:visited{color:#54278f}.usa-external_link::after{background:url("/img/external-link.png") no-repeat 0 0;background:url("/img/external-link.svg") no-repeat 0 0;background-size:100%;content:"";display:inline-block;height:.65em;margin-bottom:-1px;margin-left:4px;width:.65em}.usa-external_link:hover::after{background-image:url("/img/external-link-hover.png");background-image:url("/img/external-link-hover.svg")}.usa-external_link-alt::after{background:url("/img/external-link-alt.png") no-repeat 0 0;background:url("/img/external-link-alt.svg") no-repeat 0 0;background-size:100%;content:"";display:inline-block;height:.65em;margin-bottom:-1px;margin-left:4px;width:.65em}.usa-external_link-alt:hover::after{background-image:url("/img/external-link-alt-hover.png");background-image:url("/img/external-link-alt-hover.svg")}h1,h2,h3,h4,h5,h6{clear:both;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif;line-height:1.3;margin-bottom:.5em;margin-top:1.5em}h1{font-size:2.5rem;font-weight:700}h1 a{font-size:2.5rem;font-weight:700;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}h2{font-size:1.875rem;font-weight:700}h2 a{font-size:1.875rem;font-weight:700;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}h3{font-size:1.25rem;font-weight:700}h3 a{font-size:1.25rem;font-weight:700;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}h4{font-size:1.0625rem;font-weight:700}h4 a{font-size:1.0625rem;font-weight:700;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}h5{font-size:.9375rem;font-weight:700}h5 a{font-size:.9375rem;font-weight:700;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}h6{font-size:.8125rem;font-weight:400;line-height:1.5;text-transform:uppercase;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}h6 a{font-size:.8125rem;font-weight:400;line-height:1.5;text-transform:uppercase;font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}cite,var,address,dfn{font-style:normal}.usa-content p,.usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),.usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered){max-width:43.75rem}.usa-content-list{max-width:43.75rem}.usa-sans p,.usa-sans a,.usa-sans li,.usa-sans span{font-family:"Source Sans Pro Web","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.usa-sans a{border-bottom:none;font-weight:700}.usa-serif p,.usa-serif a,.usa-serif li,.usa-serif span{font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif}.usa-display{font-size:1.25rem;font-weight:700;margin-bottom:0}@media screen and (min-width: 481px),print and (min-width: 481px){.usa-display{font-size:2.5rem;font-weight:700}}@media screen and (min-width: 768px),print and (min-width: 768px){.usa-display{font-size:3.25rem;font-weight:700}}.usa-font-lead{font-family:Bitter,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.25rem;font-weight:400;line-height:1.7;max-width:48.125rem}.usa-background-dark{background-color:#323a45}.usa-background-dark p,.usa-background-dark span{color:#fff}.usa-background-dark a{color:#d6d7d9}.usa-background-dark a:hover{color:#fff}.usa-text-small{font-size:.8125rem;margin-top:0}.usa-section>:first-child,.usa-grid>:first-child,.usa-grid-full>:first-child{margin-top:0}.usa-section>:last-child,.usa-grid>:last-child,.usa-grid-full>:last-child{margin-bottom:0}.usa-width-one-whole:first-child>:first-child,.usa-width-one-half:first-child>:first-child,.usa-width-one-third:first-child>:first-child,.usa-width-two-thirds:first-child>:first-child,.usa-width-one-fourth:first-child>:first-child,.usa-width-three-fourths:first-child>:first-child,.usa-width-one-sixth:first-child>:first-child,.usa-width-five-sixths:first-child>:first-child,.usa-width-one-twelfth:first-child>:first-child{margin-top:0}@media screen and (min-width: 768px),print and (min-width: 768px){.usa-width-one-whole>:first-child,.usa-width-one-half>:first-child,.usa-width-one-third>:first-child,.usa-width-two-thirds>:first-child,.usa-width-one-fourth>:first-child,.usa-width-three-fourths>:first-child,.usa-width-one-sixth>:first-child,.usa-width-five-sixths>:first-child,.usa-width-one-twelfth>:first-child{margin-top:0}}.usa-width-one-whole:last-child>:last-child,.usa-width-one-half:last-child>:last-child,.usa-width-one-third:last-child>:last-child,.usa-width-two-thirds:last-child>:last-child,.usa-width-one-fourth:last-child>:last-child,.usa-width-three-fourths:last-child>:last-child,.usa-width-one-sixth:last-child>:last-child,.usa-width-five-sixths:last-child>:last-child,.usa-width-one-twelfth:last-child>:last-child{margin-bottom:0}@media screen and (min-width: 768px),print and (min-width: 768px){.usa-width-one-whole>:last-child,.usa-width-one-half>:last-child,.usa-width-one-third>:last-child,.usa-width-two-thirds>:last-child,.usa-width-one-fourth>:last-child,.usa-width-three-fourths>:last-child,.usa-width-one-sixth>:last-child,.usa-width-five-sixths>:last-child,.usa-width-one-twelfth>:last-child{margin-bottom:0}}/*# sourceMappingURL=typography.css.map */
@@ -1,13 +1 @@
1
- @media (max-width: 481px) {
2
- h1 {
3
- font-size: 30px;
4
- }
5
- h2 {
6
- font-size: 24px;
7
- }
8
- .va-introtext {
9
- font-size: 16px;
10
- }
11
- }
12
-
13
- /*# sourceMappingURL=mobile-typography.css.map */
1
+ @media(max-width: 481px){h1{font-size:30px}h2{font-size:24px}.va-introtext{font-size:16px}}/*# sourceMappingURL=mobile-typography.css.map */