mod-base 1.0.20 → 1.0.21
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/package.json
CHANGED
|
@@ -24,7 +24,7 @@ $contact-us-blue-light: #8498E7;
|
|
|
24
24
|
$color-button: $color-btn !global;
|
|
25
25
|
|
|
26
26
|
// Most common selectors list
|
|
27
|
-
$selectors: '.header,.step__title,.step__subtitle,.form,.form-radio label,.form-input,.form-input:focus,.progress-bar__content,.progress-bar__text,.progress-bar__percentage,.partners,.guarantee,.guarantee__text,.information,.information__header::before,.modal-content,.modal-content .icon-close,.matched-steps,.form--
|
|
27
|
+
$selectors: '.header,.step__title,.step__subtitle,.form,.form-radio label,.form-input,.form-input:focus,.progress-bar__content,.progress-bar__text,.progress-bar__percentage,.partners,.guarantee,.guarantee__text,.information,.information__header::before,.modal-content,.modal-content .icon-close,.matched-steps,.form--submitting .loader,.form-groups,.step__windowtype label,.form-control,.form-group__label,.step__overview,.progress-bar__title,.checkbox,#tcpa-copy,body .modal-body ul,body .modal-body p,.modal-body ul,.modal-body p,.modal-body .contact-us .step__list a,.form-group__tooltip-message,.form__qualify--step span,.form-group__city-state,.hero__background, .modal-body table tr, .expand-collapse__icon, .expand-collapse__label, .hero__content,.information__content,.information__block, .information__title,.information__summary,.featured-block__description';
|
|
28
28
|
|
|
29
29
|
@media (prefers-color-scheme: dark){
|
|
30
30
|
body[data-color-scheme="system"] {
|
|
@@ -53,7 +53,9 @@ $contact-us-blue-light: #8498E7;
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
.secure-text
|
|
56
|
+
.secure-text,
|
|
57
|
+
.step__secure-text,
|
|
58
|
+
.modal-subtitle {
|
|
57
59
|
color: $color-charcoal2;
|
|
58
60
|
}
|
|
59
61
|
|
|
@@ -120,6 +122,24 @@ $contact-us-blue-light: #8498E7;
|
|
|
120
122
|
}
|
|
121
123
|
}
|
|
122
124
|
|
|
125
|
+
.form-input-group__icon {
|
|
126
|
+
color: $color-charcoal2;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.has-error {
|
|
130
|
+
.form-input {
|
|
131
|
+
border-color: $color-red4;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.form-input-group__icon {
|
|
135
|
+
color: $color-red4;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.form-group__error-message {
|
|
140
|
+
color: $color-red4;
|
|
141
|
+
}
|
|
142
|
+
|
|
123
143
|
.hero__background-image {
|
|
124
144
|
filter: $background-img-brightness;
|
|
125
145
|
}
|
|
@@ -152,6 +172,18 @@ $contact-us-blue-light: #8498E7;
|
|
|
152
172
|
}
|
|
153
173
|
}
|
|
154
174
|
|
|
175
|
+
.modal-header--close,
|
|
176
|
+
.modal-phone,
|
|
177
|
+
legend {
|
|
178
|
+
color: $foreground;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.modal-header--close {
|
|
182
|
+
&:hover {
|
|
183
|
+
color: $color-charcoal2;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
155
187
|
.modal {
|
|
156
188
|
&-backdrop {
|
|
157
189
|
opacity: .8;
|
|
@@ -351,15 +383,39 @@ $contact-us-blue-light: #8498E7;
|
|
|
351
383
|
.zip-control__location,
|
|
352
384
|
.zip-control__icon {
|
|
353
385
|
color: lighten($accent-color, 25%);
|
|
386
|
+
|
|
387
|
+
&:hover {
|
|
388
|
+
color: $accent-color;
|
|
389
|
+
}
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.zip-control__button {
|
|
393
|
+
&:hover {
|
|
394
|
+
.zip-control__location,
|
|
395
|
+
.zip-control__icon {
|
|
396
|
+
color: darken($accent-color, 5%);
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
.partners {
|
|
402
|
+
&__title,
|
|
403
|
+
&__logo {
|
|
404
|
+
color: $foreground;
|
|
405
|
+
}
|
|
354
406
|
}
|
|
355
407
|
|
|
356
408
|
.featured-block {
|
|
357
409
|
background-color: $background;
|
|
358
410
|
color: $foreground;
|
|
359
411
|
|
|
412
|
+
&__title {
|
|
413
|
+
color: $foreground;
|
|
414
|
+
}
|
|
415
|
+
|
|
360
416
|
&__btn {
|
|
361
417
|
background-color: $color-btn;
|
|
362
|
-
|
|
418
|
+
|
|
363
419
|
&:hover {
|
|
364
420
|
background-color: darken($color-btn, 5%);
|
|
365
421
|
}
|
|
@@ -385,6 +441,13 @@ $contact-us-blue-light: #8498E7;
|
|
|
385
441
|
.form-input:not(:placeholder-shown) {
|
|
386
442
|
background-color: $background-color;
|
|
387
443
|
}
|
|
444
|
+
|
|
445
|
+
.form-input:not(:placeholder-shown),
|
|
446
|
+
.form-input:focus {
|
|
447
|
+
+ label {
|
|
448
|
+
color: $color-white;
|
|
449
|
+
}
|
|
450
|
+
}
|
|
388
451
|
}
|
|
389
452
|
}
|
|
390
453
|
|