va_common 0.4.1 → 0.4.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/_va.scss +154 -153
- data/app/assets/stylesheets/components/_va-pagination.scss +93 -0
- data/app/assets/stylesheets/core/_variables.scss +2 -1
- data/app/assets/stylesheets/elements/_buttons.scss +2 -2
- data/app/assets/stylesheets/va_common_main.scss +1 -0
- data/lib/va_common/version.rb +1 -1
- metadata +42 -41
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3afb6a5676377ae905c209445962443300a8abe0
|
4
|
+
data.tar.gz: f55f0de171333f4c5ddf3a5ec5b6cc870683b4e2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 551416cc90852df88541f69e86367cae01be6e00e5a3200698bf4c1e8512a6723f1ebc8dc75a9b5a2c061c703b015a0cd6da8419d95632a607a400e811cde8f6
|
7
|
+
data.tar.gz: 58e4dd9562d3fae729e6dc1018b3c24ea25abb4e3eac7467fae7456528bbd1b2f9a98d6fc9cd585dd3e58f7f135ea3e1b14468e81fee3513f740a0e073491f8b
|
@@ -2,7 +2,7 @@ html, body {
|
|
2
2
|
font-size: $em-base;
|
3
3
|
font-weight: 500;
|
4
4
|
padding: 0;
|
5
|
-
margin: 0;
|
5
|
+
margin: 0;
|
6
6
|
}
|
7
7
|
|
8
8
|
body {
|
@@ -73,15 +73,15 @@ abbr {
|
|
73
73
|
}
|
74
74
|
|
75
75
|
a {
|
76
|
-
color: $color-
|
76
|
+
color: $color-link-default;
|
77
77
|
text-decoration: underline;
|
78
|
-
|
78
|
+
|
79
79
|
-webkit-transition-duration: 0.3s;
|
80
80
|
transition-duration: 0.3s;
|
81
|
-
|
81
|
+
|
82
82
|
-webkit-transition-timing-function: ease-in-out;
|
83
83
|
transition-timing-function: ease-in-out;
|
84
|
-
|
84
|
+
|
85
85
|
// Transition only these properties.
|
86
86
|
-webkit-transition-property: color, background-color, border-color;
|
87
87
|
transition-property: color, background-color, border-color;
|
@@ -89,7 +89,7 @@ a {
|
|
89
89
|
&:hover {
|
90
90
|
background-color: rgba(0,0,0,0.05);
|
91
91
|
color: inherit;
|
92
|
-
text-decoration: underline;
|
92
|
+
text-decoration: underline;
|
93
93
|
}
|
94
94
|
&:active {
|
95
95
|
background: rgba(0,0,0,.1);
|
@@ -99,7 +99,7 @@ a {
|
|
99
99
|
}
|
100
100
|
}
|
101
101
|
|
102
|
-
//======= Lists
|
102
|
+
//======= Lists
|
103
103
|
ul {
|
104
104
|
padding: 0 0 0 1.5em;
|
105
105
|
list-style: square;
|
@@ -131,7 +131,7 @@ figure {
|
|
131
131
|
font-size: .85em;
|
132
132
|
margin-left: -$column-gutter/2;
|
133
133
|
margin-right: -$column-gutter/2;
|
134
|
-
|
134
|
+
|
135
135
|
@media #{$small} {
|
136
136
|
margin-left: inherit;
|
137
137
|
margin-right: inherit;
|
@@ -151,20 +151,20 @@ figcaption {
|
|
151
151
|
input::-webkit-input-placeholder{
|
152
152
|
color: $color-gray;
|
153
153
|
}
|
154
|
-
input::-moz-placeholder {
|
155
|
-
color: $color-gray;
|
154
|
+
input::-moz-placeholder {
|
155
|
+
color: $color-gray;
|
156
156
|
}
|
157
|
-
input:-ms-input-placeholder {
|
157
|
+
input:-ms-input-placeholder {
|
158
158
|
color: $color-gray;
|
159
159
|
}
|
160
160
|
// Visually clear placeholder text on focus
|
161
161
|
input:focus::-webkit-input-placeholder{
|
162
162
|
color: transparent;
|
163
163
|
}
|
164
|
-
input:focus::-moz-placeholder {
|
165
|
-
color: transparent;
|
164
|
+
input:focus::-moz-placeholder {
|
165
|
+
color: transparent;
|
166
166
|
}
|
167
|
-
input:focus:-ms-input-placeholder {
|
167
|
+
input:focus:-ms-input-placeholder {
|
168
168
|
color: transparent;
|
169
169
|
}
|
170
170
|
|
@@ -188,9 +188,9 @@ hr {
|
|
188
188
|
}
|
189
189
|
|
190
190
|
// Adds external icon to all links that begin
|
191
|
-
// with http (including https)
|
191
|
+
// with http (including https)
|
192
192
|
[href^=http] {
|
193
|
-
// Using longhand properties instead of the shorthand to limit
|
193
|
+
// Using longhand properties instead of the shorthand to limit
|
194
194
|
// risk and impact of side effects
|
195
195
|
background-image: image-url("icons/exit-icon.png");
|
196
196
|
background-position: 100% 50%;
|
@@ -213,14 +213,15 @@ hr {
|
|
213
213
|
}
|
214
214
|
|
215
215
|
.va-header-logo {
|
216
|
-
line-height: 1em;
|
217
|
-
margin: 0;
|
218
|
-
|
216
|
+
line-height: 1em;
|
217
|
+
margin: 0;
|
218
|
+
|
219
219
|
@media #{$small} {
|
220
220
|
margin: .25em 0 0 0;
|
221
|
-
}
|
221
|
+
}
|
222
222
|
|
223
223
|
a {
|
224
|
+
color: white;
|
224
225
|
text-indent: 180%;
|
225
226
|
white-space: nowrap;
|
226
227
|
overflow: hidden;
|
@@ -231,11 +232,11 @@ hr {
|
|
231
232
|
background-size: contain;
|
232
233
|
border-bottom: none;
|
233
234
|
text-decoration: none;
|
234
|
-
|
235
|
+
|
235
236
|
&:hover, &:active, &:focus {
|
236
|
-
background-image: image-url("design/logo/logo-hover.png");
|
237
|
+
background-image: image-url("design/logo/logo-hover.png");
|
237
238
|
}
|
238
|
-
|
239
|
+
|
239
240
|
@media #{$small} {
|
240
241
|
width: 263px;
|
241
242
|
height: 50px;
|
@@ -253,11 +254,11 @@ h3, h4, h5, h6 {
|
|
253
254
|
}
|
254
255
|
|
255
256
|
h3 {
|
256
|
-
font-size: 1.8em;
|
257
|
+
font-size: 1.8em;
|
257
258
|
padding: 0 0 1em 0;
|
258
259
|
}
|
259
260
|
h4 {
|
260
|
-
font-size: 1.5em;
|
261
|
+
font-size: 1.5em;
|
261
262
|
font-weight: normal;
|
262
263
|
}
|
263
264
|
h5 {
|
@@ -265,24 +266,24 @@ h5 {
|
|
265
266
|
font-weight: normal;
|
266
267
|
}
|
267
268
|
h6 {
|
268
|
-
font-size: 1.15em;
|
269
|
+
font-size: 1.15em;
|
269
270
|
font-weight: bold;
|
270
271
|
}
|
271
272
|
|
272
273
|
// Banner
|
273
274
|
|
274
275
|
#content {
|
275
|
-
margin: 0;
|
276
|
-
padding: 0;
|
276
|
+
margin: 0;
|
277
|
+
padding: 0;
|
277
278
|
color: $color-gray-dark;
|
278
279
|
}
|
279
280
|
|
280
281
|
#content .splash {
|
281
282
|
padding: 0 0 .5em 0;
|
282
283
|
margin: 0;
|
283
|
-
|
284
|
+
|
284
285
|
p {
|
285
|
-
color: $color-white;
|
286
|
+
color: $color-white;
|
286
287
|
font-family: $font-sans;
|
287
288
|
}
|
288
289
|
|
@@ -315,9 +316,9 @@ h6 {
|
|
315
316
|
padding: 0 !important;
|
316
317
|
|
317
318
|
h2 {
|
318
|
-
margin: 0;
|
319
|
-
padding: .2em;
|
320
|
-
line-height: 1em;
|
319
|
+
margin: 0;
|
320
|
+
padding: .2em;
|
321
|
+
line-height: 1em;
|
321
322
|
display: inline-block !important;
|
322
323
|
}
|
323
324
|
}
|
@@ -328,7 +329,7 @@ h6 {
|
|
328
329
|
li a {
|
329
330
|
color: $color-primary-darkest !important;
|
330
331
|
border-bottom: 2px solid $secondary-color !important;
|
331
|
-
|
332
|
+
|
332
333
|
&:hover {
|
333
334
|
border-bottom: 3px solid $color-gold !important;
|
334
335
|
}
|
@@ -338,23 +339,23 @@ h6 {
|
|
338
339
|
}
|
339
340
|
|
340
341
|
.va-facloc-tagline {
|
341
|
-
color: $color-white;
|
342
|
+
color: $color-white;
|
342
343
|
font-family: $font-sans;
|
343
344
|
margin: .5em 0 1em 0 !important;
|
344
345
|
}
|
345
|
-
|
346
|
-
|
346
|
+
|
347
|
+
|
347
348
|
.pitch {
|
348
349
|
@media #{$small} {
|
349
350
|
padding: .5em 0;
|
350
351
|
}
|
351
|
-
|
352
|
+
|
352
353
|
h2, h3 {
|
353
|
-
color: $color-primary-darkest;
|
354
|
-
font-weight: 400;
|
355
|
-
padding: .75em;
|
356
|
-
line-height: 1.3em;
|
357
|
-
display: inline-block;
|
354
|
+
color: $color-primary-darkest;
|
355
|
+
font-weight: 400;
|
356
|
+
padding: .75em;
|
357
|
+
line-height: 1.3em;
|
358
|
+
display: inline-block;
|
358
359
|
margin: 0;
|
359
360
|
}
|
360
361
|
}
|
@@ -363,20 +364,20 @@ h6 {
|
|
363
364
|
// refactored from the Markdown
|
364
365
|
.feature-list ul,
|
365
366
|
.va-list--feature {
|
366
|
-
margin: 0;
|
367
|
+
margin: 0;
|
367
368
|
padding: 0;
|
368
369
|
list-style: none outside;
|
369
|
-
|
370
|
-
li {
|
370
|
+
|
371
|
+
li {
|
371
372
|
|
372
373
|
border-bottom: 1px solid #ccc;
|
373
374
|
padding: 1em 0;
|
374
|
-
|
375
|
+
|
375
376
|
&:last-of-type {
|
376
377
|
border-bottom: none;
|
377
378
|
}
|
378
379
|
}
|
379
|
-
|
380
|
+
|
380
381
|
a {
|
381
382
|
font-weight: bold;
|
382
383
|
}
|
@@ -388,10 +389,10 @@ h6 {
|
|
388
389
|
}
|
389
390
|
|
390
391
|
p {
|
391
|
-
padding-top: 0;
|
392
|
-
margin-top: 0;
|
392
|
+
padding-top: 0;
|
393
|
+
margin-top: 0;
|
393
394
|
padding-bottom: 1em; // TODO: Consider deleting.
|
394
|
-
|
395
|
+
|
395
396
|
&:nth-child(1),
|
396
397
|
&:first-of-type {
|
397
398
|
color: $color-primary-darker;
|
@@ -402,7 +403,7 @@ h6 {
|
|
402
403
|
}
|
403
404
|
|
404
405
|
h3 {
|
405
|
-
padding: 0 0 .5em 0;
|
406
|
+
padding: 0 0 .5em 0;
|
406
407
|
font-size: 1.25em;
|
407
408
|
@media #{$small} {
|
408
409
|
font-size: 1.8em;
|
@@ -441,13 +442,13 @@ html.no-touch .banner {
|
|
441
442
|
// Content Callouts
|
442
443
|
|
443
444
|
#content .main .section.one {
|
444
|
-
|
445
|
+
|
445
446
|
ul.plain {
|
446
447
|
margin: .5em 0 1em 0;
|
447
|
-
|
448
|
+
|
448
449
|
li {
|
449
|
-
list-style: none;
|
450
|
-
padding: .35em 0;
|
450
|
+
list-style: none;
|
451
|
+
padding: .35em 0;
|
451
452
|
display: block;
|
452
453
|
}
|
453
454
|
}
|
@@ -466,7 +467,7 @@ html.no-touch .banner {
|
|
466
467
|
clear: both;
|
467
468
|
margin: 0 0 1.5em 0;
|
468
469
|
p {
|
469
|
-
margin-bottom: 0;
|
470
|
+
margin-bottom: 0;
|
470
471
|
padding-bottom: .5em
|
471
472
|
}
|
472
473
|
p:nth-child(1) {
|
@@ -481,7 +482,7 @@ html.no-touch .banner {
|
|
481
482
|
}
|
482
483
|
}
|
483
484
|
ul {
|
484
|
-
margin: 0 0 .5em 1.5em;
|
485
|
+
margin: 0 0 .5em 1.5em;
|
485
486
|
padding: 0;
|
486
487
|
li {
|
487
488
|
list-style: square;
|
@@ -495,14 +496,14 @@ html.no-touch .banner {
|
|
495
496
|
padding: 1em;
|
496
497
|
clear: both;
|
497
498
|
margin: 0 0 1.5em 0;
|
498
|
-
|
499
|
+
|
499
500
|
dt {
|
500
501
|
color: $color-primary-darkest;
|
501
502
|
font-size: 1.65em;
|
502
503
|
font-weight: bold;
|
503
504
|
margin: 0 0 .5rem 0;
|
504
505
|
}
|
505
|
-
|
506
|
+
|
506
507
|
dd {
|
507
508
|
margin-left: 0;
|
508
509
|
padding-left: 0;
|
@@ -538,7 +539,7 @@ ul, ol {
|
|
538
539
|
}
|
539
540
|
h3 {
|
540
541
|
line-height: 1.2em;
|
541
|
-
// TODO: Drop the !important when .home #content h3 and
|
542
|
+
// TODO: Drop the !important when .home #content h3 and
|
542
543
|
// body.fourohfour #content h3 are straightened out.
|
543
544
|
font-size: 1.65em !important;
|
544
545
|
color: $color-primary-darkest !important;
|
@@ -570,11 +571,11 @@ ul, ol {
|
|
570
571
|
|
571
572
|
.home #content {
|
572
573
|
h2, h3, h4, h5, h6, p, ul, li, ol {color: $color-gray-dark;}
|
573
|
-
|
574
|
+
|
574
575
|
.post-date {
|
575
576
|
font-size: .5em; color: $color-gold;
|
576
577
|
}
|
577
|
-
|
578
|
+
|
578
579
|
h3 {
|
579
580
|
line-height: 1.2em;
|
580
581
|
font-size: 1.65em;
|
@@ -618,13 +619,13 @@ ul, ol {
|
|
618
619
|
.section.main-menu {
|
619
620
|
padding: .5em .5em 2.35em .5em;
|
620
621
|
overflow: hidden;
|
621
|
-
|
622
|
+
|
622
623
|
@media #{$small} {
|
623
624
|
padding: 1em 0 1.5em 0;
|
624
625
|
}
|
625
626
|
}
|
626
627
|
|
627
|
-
|
628
|
+
|
628
629
|
.home #content .section h3.alternate {
|
629
630
|
margin: 0 0 2em 0 !important; padding: 0;
|
630
631
|
}
|
@@ -715,7 +716,7 @@ ul, ol {
|
|
715
716
|
|
716
717
|
.section {
|
717
718
|
background: $color-white;
|
718
|
-
|
719
|
+
|
719
720
|
&.one {
|
720
721
|
padding: 2rem 0 0 0;
|
721
722
|
}
|
@@ -733,7 +734,7 @@ ul, ol {
|
|
733
734
|
.action {
|
734
735
|
margin: 0 auto;
|
735
736
|
text-align: left;
|
736
|
-
|
737
|
+
|
737
738
|
.button {
|
738
739
|
font-size: 1.25em;
|
739
740
|
padding: 1em 3.5em;
|
@@ -748,7 +749,7 @@ ul, ol {
|
|
748
749
|
font-size: inherit;
|
749
750
|
padding: 1em 0;
|
750
751
|
|
751
|
-
|
752
|
+
|
752
753
|
li {
|
753
754
|
display: inline-block;
|
754
755
|
margin: .25em 0;
|
@@ -757,8 +758,8 @@ ul, ol {
|
|
757
758
|
vertical-align: middle;
|
758
759
|
|
759
760
|
&:after {
|
760
|
-
content: " › ";
|
761
|
-
display: inline-block;
|
761
|
+
content: " › ";
|
762
|
+
display: inline-block;
|
762
763
|
padding: 0 .35em;
|
763
764
|
}
|
764
765
|
|
@@ -777,7 +778,7 @@ ul, ol {
|
|
777
778
|
padding: 2px;
|
778
779
|
|
779
780
|
&:hover {
|
780
|
-
background: rgba(0,0,0,.1);
|
781
|
+
background: rgba(0,0,0,.1);
|
781
782
|
}
|
782
783
|
}
|
783
784
|
}
|
@@ -789,7 +790,7 @@ ul, ol {
|
|
789
790
|
|
790
791
|
|
791
792
|
// General List Styles
|
792
|
-
|
793
|
+
|
793
794
|
li {
|
794
795
|
span.meta {
|
795
796
|
display: inline-block;
|
@@ -813,11 +814,11 @@ li {
|
|
813
814
|
// Navigation
|
814
815
|
.navigation {
|
815
816
|
padding: 1em 0;
|
816
|
-
|
817
|
+
|
817
818
|
@media #{$small} {
|
818
819
|
padding: 1em 0 3em 0;
|
819
820
|
}
|
820
|
-
|
821
|
+
|
821
822
|
background: $color-gray-lightest;
|
822
823
|
color: $color-primary-darkest;
|
823
824
|
border-bottom: 2px solid $color-white;
|
@@ -874,12 +875,12 @@ li {
|
|
874
875
|
@media #{$small} {
|
875
876
|
min-height: 12em;
|
876
877
|
}
|
877
|
-
|
878
|
+
|
878
879
|
background: $color-gray-lightest;
|
879
880
|
background: rgba(0,0,0,.05);
|
880
881
|
margin: 0 0 .5em 0;
|
881
882
|
padding: .75em;
|
882
|
-
|
883
|
+
|
883
884
|
&:hover, &:focus, &:active {
|
884
885
|
background: rgba(0,0,0,.1);
|
885
886
|
}
|
@@ -898,7 +899,7 @@ li {
|
|
898
899
|
background: darken($color-primary-darkest, 02);
|
899
900
|
position: relative;
|
900
901
|
overflow: hidden;
|
901
|
-
|
902
|
+
|
902
903
|
.coda .row {
|
903
904
|
max-width: 70em;
|
904
905
|
}
|
@@ -934,17 +935,17 @@ li {
|
|
934
935
|
margin: 0;
|
935
936
|
padding: 0;
|
936
937
|
display: inline-block;
|
937
|
-
|
938
|
+
|
938
939
|
&:hover {
|
939
940
|
border-bottom: none;
|
940
941
|
}
|
941
942
|
}
|
942
943
|
}
|
943
944
|
|
944
|
-
.usa-social-links,
|
945
|
+
.usa-social-links,
|
945
946
|
.va-list--linkgroup {
|
946
947
|
margin: 2em 0 0 0;
|
947
|
-
|
948
|
+
|
948
949
|
@media #{$medium} {
|
949
950
|
margin: 2em 0 1.5em 0;
|
950
951
|
}
|
@@ -982,22 +983,22 @@ li {
|
|
982
983
|
li {
|
983
984
|
padding: 0;
|
984
985
|
display: inline-block;
|
985
|
-
|
986
|
+
|
986
987
|
&:after {
|
987
988
|
content:"|";
|
988
989
|
padding: 0 .15em;
|
989
990
|
}
|
990
|
-
|
991
|
+
|
991
992
|
&:last-child {
|
992
993
|
margin-right: 0;
|
993
|
-
|
994
|
+
|
994
995
|
&::after {
|
995
996
|
padding: 0;
|
996
997
|
content: "";
|
997
998
|
}
|
998
|
-
}
|
999
|
+
}
|
999
1000
|
}
|
1000
|
-
|
1001
|
+
|
1001
1002
|
a {
|
1002
1003
|
background: none;
|
1003
1004
|
color: inherit;
|
@@ -1011,15 +1012,15 @@ li {
|
|
1011
1012
|
|
1012
1013
|
.footer-logo a {
|
1013
1014
|
display: none;
|
1014
|
-
|
1015
|
+
|
1015
1016
|
@media #{$medium} {
|
1016
1017
|
background: image-url("design/logo/logo.png") 102% 102% no-repeat !important;
|
1017
1018
|
border-bottom:0 !important;
|
1018
|
-
width: 112px;
|
1019
|
-
height:32px;
|
1019
|
+
width: 112px;
|
1020
|
+
height:32px;
|
1020
1021
|
display: block;
|
1021
|
-
background-size: 160px !important;
|
1022
|
-
text-indent:180%;
|
1022
|
+
background-size: 160px !important;
|
1023
|
+
text-indent:180%;
|
1023
1024
|
overflow:hidden;
|
1024
1025
|
padding: 0;
|
1025
1026
|
}
|
@@ -1033,13 +1034,13 @@ li {
|
|
1033
1034
|
text-indent: -999em;
|
1034
1035
|
overflow: hidden;
|
1035
1036
|
margin: 0 auto;
|
1036
|
-
|
1037
|
+
|
1037
1038
|
@media #{$small} {
|
1038
1039
|
margin: 0;
|
1039
1040
|
}
|
1040
1041
|
}
|
1041
1042
|
|
1042
|
-
|
1043
|
+
|
1043
1044
|
/* a {
|
1044
1045
|
display:inline;
|
1045
1046
|
text-decoration: none;
|
@@ -1055,14 +1056,14 @@ li {
|
|
1055
1056
|
display:block
|
1056
1057
|
}
|
1057
1058
|
}
|
1058
|
-
|
1059
|
+
|
1059
1060
|
} */
|
1060
1061
|
|
1061
1062
|
// Footer
|
1062
1063
|
.text-right {
|
1063
1064
|
text-align: right;
|
1064
1065
|
}
|
1065
|
-
|
1066
|
+
|
1066
1067
|
.footer {
|
1067
1068
|
color: $color-white;
|
1068
1069
|
padding: 0 !important;
|
@@ -1070,7 +1071,7 @@ li {
|
|
1070
1071
|
background: darken($color-primary-darkest, 02);
|
1071
1072
|
position: relative;
|
1072
1073
|
overflow: hidden;
|
1073
|
-
|
1074
|
+
|
1074
1075
|
.coda .row {
|
1075
1076
|
max-width: 70em;
|
1076
1077
|
}
|
@@ -1082,11 +1083,11 @@ li {
|
|
1082
1083
|
@media #{$medium} {
|
1083
1084
|
background: image-url("design/logo/logo.png") 102% 102% no-repeat !important;
|
1084
1085
|
border-bottom:0 !important;
|
1085
|
-
width: 112px;
|
1086
|
-
height:32px;
|
1086
|
+
width: 112px;
|
1087
|
+
height:32px;
|
1087
1088
|
display: block;
|
1088
|
-
background-size: 160px !important;
|
1089
|
-
text-indent:180%;
|
1089
|
+
background-size: 160px !important;
|
1090
|
+
text-indent:180%;
|
1090
1091
|
overflow:hidden
|
1091
1092
|
}
|
1092
1093
|
}
|
@@ -1119,10 +1120,10 @@ li {
|
|
1119
1120
|
}
|
1120
1121
|
}
|
1121
1122
|
|
1122
|
-
.usa-social-links,
|
1123
|
+
.usa-social-links,
|
1123
1124
|
.va-list--linkgroup {
|
1124
1125
|
margin: 2em 0 0 0;
|
1125
|
-
|
1126
|
+
|
1126
1127
|
@media #{$medium} {
|
1127
1128
|
margin: 2em 0 1.5em 0;
|
1128
1129
|
}
|
@@ -1131,11 +1132,11 @@ li {
|
|
1131
1132
|
// TODO: Move this to a list-specific partial
|
1132
1133
|
.va-list--linkgroup {
|
1133
1134
|
margin: 2em 0 0 0;
|
1134
|
-
|
1135
|
+
|
1135
1136
|
@media #{$small} {
|
1136
1137
|
margin: 2em 0 1.5em 0;
|
1137
1138
|
}
|
1138
|
-
|
1139
|
+
|
1139
1140
|
a {
|
1140
1141
|
background: none;
|
1141
1142
|
color: #fff;
|
@@ -1143,13 +1144,13 @@ li {
|
|
1143
1144
|
font-size: 1em;
|
1144
1145
|
font-weight: 400;
|
1145
1146
|
margin: .25em 0;
|
1146
|
-
text-decoration: underline;
|
1147
|
-
|
1147
|
+
text-decoration: underline;
|
1148
|
+
|
1148
1149
|
&:hover {
|
1149
1150
|
color: $color-gold;
|
1150
1151
|
}
|
1151
1152
|
}
|
1152
|
-
|
1153
|
+
|
1153
1154
|
dd {
|
1154
1155
|
padding: .25em 0;
|
1155
1156
|
}
|
@@ -1188,20 +1189,20 @@ li {
|
|
1188
1189
|
li {
|
1189
1190
|
padding: 0;
|
1190
1191
|
display: inline-block;
|
1191
|
-
|
1192
|
+
|
1192
1193
|
&:after {
|
1193
1194
|
content:"|";
|
1194
1195
|
padding: 0 .15em;
|
1195
1196
|
}
|
1196
|
-
|
1197
|
+
|
1197
1198
|
&:last-child {
|
1198
1199
|
margin-right: 0;
|
1199
|
-
|
1200
|
+
|
1200
1201
|
&::after {
|
1201
1202
|
padding: 0;
|
1202
1203
|
content: "";
|
1203
1204
|
}
|
1204
|
-
}
|
1205
|
+
}
|
1205
1206
|
}
|
1206
1207
|
|
1207
1208
|
a {
|
@@ -1257,17 +1258,17 @@ a.twitter {
|
|
1257
1258
|
padding: .5em;
|
1258
1259
|
font-size: .9em;
|
1259
1260
|
font-weight: 300;
|
1260
|
-
|
1261
|
+
|
1261
1262
|
p {
|
1262
1263
|
margin: 0;
|
1263
1264
|
}
|
1264
|
-
|
1265
|
+
|
1265
1266
|
a {
|
1266
1267
|
background-image: none;
|
1267
1268
|
color: $color-white;
|
1268
1269
|
padding: 0;
|
1269
1270
|
}
|
1270
|
-
|
1271
|
+
|
1271
1272
|
.row {
|
1272
1273
|
max-width: 70em;
|
1273
1274
|
}
|
@@ -1297,7 +1298,7 @@ a.twitter {
|
|
1297
1298
|
opacity: 1;
|
1298
1299
|
}
|
1299
1300
|
}
|
1300
|
-
|
1301
|
+
|
1301
1302
|
.icon {
|
1302
1303
|
background: image-url('design/sprites/sprite.png') no-repeat -43px 0;
|
1303
1304
|
background-size: 215px 72px;
|
@@ -1322,6 +1323,7 @@ a.twitter {
|
|
1322
1323
|
float: left;
|
1323
1324
|
}
|
1324
1325
|
input[type="text"] {
|
1326
|
+
font-size: 1.9rem;
|
1325
1327
|
height: 3em;
|
1326
1328
|
margin: 0;
|
1327
1329
|
width: 100%;
|
@@ -1331,6 +1333,7 @@ a.twitter {
|
|
1331
1333
|
}
|
1332
1334
|
|
1333
1335
|
input[type="submit"] {
|
1336
|
+
font-size: 1.9rem;
|
1334
1337
|
margin: 0;
|
1335
1338
|
height: 3em;
|
1336
1339
|
text-align: center !important;
|
@@ -1407,8 +1410,8 @@ a.twitter {
|
|
1407
1410
|
// byline
|
1408
1411
|
|
1409
1412
|
p.byline {
|
1410
|
-
font-size: .8em;
|
1411
|
-
color: $color-white;
|
1413
|
+
font-size: .8em;
|
1414
|
+
color: $color-white;
|
1412
1415
|
color: rgba(255,255,255,.9);
|
1413
1416
|
}
|
1414
1417
|
|
@@ -1528,32 +1531,32 @@ margin: 0;
|
|
1528
1531
|
list-style: none;
|
1529
1532
|
padding: 1em 0;
|
1530
1533
|
position: relative;
|
1531
|
-
|
1534
|
+
|
1532
1535
|
h2, h3, h4, h5, h6 {padding: .2em 0 0 0;}
|
1533
1536
|
h5 {
|
1534
|
-
font-size: 1.3em;
|
1535
|
-
margin: 0;
|
1537
|
+
font-size: 1.3em;
|
1538
|
+
margin: 0;
|
1536
1539
|
padding: 0 0 .5em 0;
|
1537
1540
|
}
|
1538
1541
|
h6, &-subtitle {
|
1539
|
-
font-size: 1.1em;
|
1540
|
-
margin: 0;
|
1542
|
+
font-size: 1.1em;
|
1543
|
+
margin: 0;
|
1541
1544
|
padding: 0;
|
1542
1545
|
}
|
1543
|
-
|
1546
|
+
|
1544
1547
|
p:nth-child(1) {
|
1545
1548
|
font-size: 1em;
|
1546
1549
|
color: $color-gray-dark;
|
1547
1550
|
padding-bottom: 0;
|
1548
1551
|
}
|
1549
|
-
|
1552
|
+
|
1550
1553
|
li {
|
1551
1554
|
list-style: none;
|
1552
|
-
|
1555
|
+
|
1553
1556
|
p:nth-child(1) {
|
1554
1557
|
padding-bottom: inherit;
|
1555
1558
|
}
|
1556
|
-
|
1559
|
+
|
1557
1560
|
ol {
|
1558
1561
|
margin: 0 0 1em 1.5em;
|
1559
1562
|
padding: 0;
|
@@ -1659,7 +1662,7 @@ li.twenty:before {content: "20";}
|
|
1659
1662
|
|
1660
1663
|
ul {
|
1661
1664
|
margin: 0 0 1.5em 0; padding: 0;
|
1662
|
-
|
1665
|
+
|
1663
1666
|
li {
|
1664
1667
|
margin: 0;
|
1665
1668
|
padding: 0;
|
@@ -1672,7 +1675,7 @@ li.twenty:before {content: "20";}
|
|
1672
1675
|
}
|
1673
1676
|
}
|
1674
1677
|
}
|
1675
|
-
|
1678
|
+
|
1676
1679
|
ol:nth-child(n+2) {
|
1677
1680
|
li {
|
1678
1681
|
list-style-type:decimal;
|
@@ -1761,7 +1764,7 @@ li.twenty:before {content: "20";}
|
|
1761
1764
|
|
1762
1765
|
|
1763
1766
|
|
1764
|
-
.va-list-num--discover {
|
1767
|
+
.va-list-num--discover {
|
1765
1768
|
li::before {
|
1766
1769
|
background-color: $polar;
|
1767
1770
|
}
|
@@ -1833,31 +1836,31 @@ span.color-chip {
|
|
1833
1836
|
padding: 1em;
|
1834
1837
|
position: relative;
|
1835
1838
|
min-height: 12em;
|
1836
|
-
|
1839
|
+
|
1837
1840
|
dt {
|
1838
|
-
color: $color-primary-darkest;
|
1839
|
-
padding: 0;
|
1840
|
-
font-weight: 700;
|
1841
|
+
color: $color-primary-darkest;
|
1842
|
+
padding: 0;
|
1843
|
+
font-weight: 700;
|
1841
1844
|
font-size: 1.2em;
|
1842
1845
|
}
|
1843
|
-
|
1846
|
+
|
1844
1847
|
dd {
|
1845
|
-
padding: 0;
|
1848
|
+
padding: 0;
|
1846
1849
|
margin: 0;
|
1847
1850
|
}
|
1848
|
-
|
1851
|
+
|
1849
1852
|
a {
|
1850
1853
|
@extend .usa-button-primary;
|
1851
1854
|
margin: .5em 0;
|
1852
1855
|
}
|
1853
|
-
|
1856
|
+
|
1854
1857
|
&.plain {
|
1855
1858
|
height: auto;
|
1856
|
-
|
1859
|
+
|
1857
1860
|
dt {
|
1858
1861
|
font-size: 1.45em;
|
1859
1862
|
}
|
1860
|
-
|
1863
|
+
|
1861
1864
|
margin: 0 0 1em 0;
|
1862
1865
|
min-height: 0;
|
1863
1866
|
}
|
@@ -1890,25 +1893,25 @@ span.color-chip {
|
|
1890
1893
|
}
|
1891
1894
|
|
1892
1895
|
// TODO: Deprecate .va-action-bar--header a.usa-button-primary.
|
1893
|
-
// Use .va-button-primary and .va-button-secondary
|
1896
|
+
// Use .va-button-primary and .va-button-secondary
|
1894
1897
|
// going forward.
|
1895
1898
|
// Drop !important from the lines below when everything
|
1896
1899
|
// is refactored.
|
1897
1900
|
.va-button-primary {
|
1898
1901
|
background: $color-green !important;
|
1899
|
-
|
1902
|
+
|
1900
1903
|
&:hover,
|
1901
1904
|
&:focus {
|
1902
1905
|
background-color: $color-green-darker !important;
|
1903
1906
|
}
|
1904
|
-
}
|
1907
|
+
}
|
1905
1908
|
|
1906
1909
|
.va-button-secondary {
|
1907
1910
|
background-color: $color-primary-darker !important;
|
1908
|
-
|
1911
|
+
|
1909
1912
|
&:hover,
|
1910
1913
|
&:focus {
|
1911
|
-
background-color: $color-primary-darkest !important;
|
1914
|
+
background-color: $color-primary-darkest !important;
|
1912
1915
|
}
|
1913
1916
|
}
|
1914
1917
|
|
@@ -1965,7 +1968,7 @@ button[class*="usa-button-"] {
|
|
1965
1968
|
margin: 0;
|
1966
1969
|
padding: 1rem;
|
1967
1970
|
width: auto;
|
1968
|
-
|
1971
|
+
|
1969
1972
|
&:hover {
|
1970
1973
|
background: transparent;
|
1971
1974
|
}
|
@@ -1993,13 +1996,13 @@ button[class*="usa-button-"] {
|
|
1993
1996
|
visibility: hidden;
|
1994
1997
|
width: 100%;
|
1995
1998
|
z-index: 800;
|
1996
|
-
|
1999
|
+
|
1997
2000
|
input[type="text"] {
|
1998
2001
|
-webkit-appearance: none;
|
1999
2002
|
border-radius: 3px 0 0 3px;
|
2000
2003
|
}
|
2001
2004
|
}
|
2002
|
-
|
2005
|
+
|
2003
2006
|
.va-mobile-searchclose {
|
2004
2007
|
border-radius: 0;
|
2005
2008
|
display: block !important;
|
@@ -2008,7 +2011,7 @@ button[class*="usa-button-"] {
|
|
2008
2011
|
width: auto;
|
2009
2012
|
background: $color-primary;
|
2010
2013
|
}
|
2011
|
-
|
2014
|
+
|
2012
2015
|
.va-mobile-searchtrigger {
|
2013
2016
|
padding: .5em;
|
2014
2017
|
margin-top: 0;
|
@@ -2020,7 +2023,7 @@ button[class*="usa-button-"] {
|
|
2020
2023
|
visibility: visible;
|
2021
2024
|
-webkit-transition: opacity 0.5s;
|
2022
2025
|
transition: opacity 0.5s;
|
2023
|
-
|
2026
|
+
|
2024
2027
|
.columns {
|
2025
2028
|
padding: 0;
|
2026
2029
|
}
|
@@ -2060,7 +2063,7 @@ button[class*="usa-button-"] {
|
|
2060
2063
|
.va-overlay-body {
|
2061
2064
|
margin: 1rem auto;
|
2062
2065
|
}
|
2063
|
-
|
2066
|
+
|
2064
2067
|
@media screen and (max-height: 30.5em) {
|
2065
2068
|
.overlay form {
|
2066
2069
|
height: 70%;
|
@@ -2124,7 +2127,7 @@ ul li p {
|
|
2124
2127
|
margin-left: .8em;
|
2125
2128
|
white-space: normal;
|
2126
2129
|
top: -110%;
|
2127
|
-
|
2130
|
+
|
2128
2131
|
&:before {
|
2129
2132
|
border-bottom: 10px solid transparent; // left arrow slant
|
2130
2133
|
border-top: 10px solid transparent; // right arrow slant
|
@@ -2149,7 +2152,7 @@ ul li p {
|
|
2149
2152
|
margin: 0;
|
2150
2153
|
margin-top: .7em;
|
2151
2154
|
margin-left: -5em;
|
2152
|
-
|
2155
|
+
|
2153
2156
|
&:before {
|
2154
2157
|
top: -10px !important;
|
2155
2158
|
right: auto;
|
@@ -2204,5 +2207,3 @@ html.touchevents {
|
|
2204
2207
|
-webkit-animation-name: fadeIn;
|
2205
2208
|
animation-name: fadeIn;
|
2206
2209
|
}
|
2207
|
-
|
2208
|
-
|