mod-build 4.0.7 → 4.0.8
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/CHANGELOG.md +4 -0
- package/package.json +1 -1
- package/vite.config.js +23 -13
- package/public/resources/scripts/abandonment/abandonment-1df90ee155f6c0893d90.min.js +0 -2
- package/public/resources/scripts/abandonment/abandonment.min.js +0 -2
- package/public/resources/scripts/callrail/callrail-5c7c537f04af468600cf.min.js +0 -2
- package/public/resources/scripts/callrail/callrail.min.js +0 -2
- package/public/resources/scripts/footer/footer-component-7b5e263f64568573ecc0.min.js +0 -2
- package/public/resources/scripts/footer/footer-component.min.js +0 -2
- package/public/resources/scripts/helpers/initNumericOnlyFields.min.js +0 -2
- package/public/resources/scripts/helpers/initNumericOnlyFields.min.js.map +0 -1
- package/public/resources/scripts/helpers/isZipCodeValid.min.js +0 -2
- package/public/resources/scripts/helpers/isZipCodeValid.min.js.map +0 -1
- package/public/resources/scripts/jornaya.hbs +0 -35
- package/public/resources/scripts/jornaya.html +0 -35
- package/public/resources/scripts/mod-alytics/modalytics-0ac7d7a5a72ea67a0f47.min.js +0 -2
- package/public/resources/scripts/mod-alytics/modalytics.min.js +0 -2
- package/public/resources/scripts/mod-form/form/homeowner-62292fdc874b2d2f5c82.min.js +0 -2
- package/public/resources/scripts/mod-form/form/homeowner.min.js +0 -2
- package/public/resources/scripts/mod-utils/modutils-15069d7b728a555fb3f7.min.js +0 -2
- package/public/resources/scripts/mod-utils/modutils.min.js +0 -2
- package/public/resources/scripts/trusted-form.hbs +0 -38
- package/public/resources/scripts/trusted-form.html +0 -38
- package/public/resources/styles/components/abandonment/abandonment-a8571a9e32ed6ef9acb4.min.css +0 -1
- package/public/resources/styles/components/abandonment/abandonment.min.css +0 -1
- package/public/resources/styles/components/footer/mod-footer-1fb2cec3278f29df57d0.min.css +0 -1
- package/public/resources/styles/components/footer/mod-footer.min.css +0 -1
- package/public/resources/styles/components/footer/qs-footer-9a3b0ab00428b03e6e9e.min.css +0 -1
- package/public/resources/styles/components/footer/qs-footer.min.css +0 -1
- package/src/accessible-components/button/_button.scss +0 -319
- package/src/accessible-components/button/back-button.html +0 -8
- package/src/accessible-components/button/button.html +0 -17
- package/src/accessible-components/carousel/_carousel.scss +0 -112
- package/src/accessible-components/carousel/carousel.html +0 -25
- package/src/accessible-components/carousel/carousel.js +0 -3426
- package/src/accessible-components/carousel/carousel.js.map +0 -1
- package/src/accessible-components/carousel/carousel.min.js +0 -6
- package/src/accessible-components/carousel/carousel.min.js.map +0 -1
- package/src/accessible-components/checkbox/_checkbox.scss +0 -153
- package/src/accessible-components/checkbox/checkbox-group.html +0 -18
- package/src/accessible-components/checkbox/checkbox.html +0 -8
- package/src/accessible-components/expand-collapse/_expand-collapse.scss +0 -129
- package/src/accessible-components/expand-collapse/expand-collapse.html +0 -14
- package/src/accessible-components/expand-collapse/expand-collapse.js +0 -52
- package/src/accessible-components/expand-collapse/expand-collapse.min.js +0 -2
- package/src/accessible-components/expand-collapse/expand-collapse.min.js.map +0 -1
- package/src/accessible-components/featured-block/_featured-block.scss +0 -221
- package/src/accessible-components/featured-block/featured-block.html +0 -54
- package/src/accessible-components/foot-assets/foot-assets.html +0 -112
- package/src/accessible-components/footer/footer.html +0 -2
- package/src/accessible-components/gtm-body/gtm-body.html +0 -4
- package/src/accessible-components/head/head.html +0 -187
- package/src/accessible-components/header/_header.scss +0 -289
- package/src/accessible-components/header/header.html +0 -66
- package/src/accessible-components/hero/_hero.scss +0 -405
- package/src/accessible-components/hero/hero.html +0 -53
- package/src/accessible-components/how-it-works/_how-it-works.scss +0 -217
- package/src/accessible-components/how-it-works/how-it-works-carousel.html +0 -12
- package/src/accessible-components/how-it-works/how-it-works-static.html +0 -12
- package/src/accessible-components/how-it-works/how-it-works.html +0 -14
- package/src/accessible-components/information/_information.scss +0 -96
- package/src/accessible-components/information/information.html +0 -32
- package/src/accessible-components/input/_input.scss +0 -204
- package/src/accessible-components/input/input.html +0 -22
- package/src/accessible-components/input/textarea.html +0 -9
- package/src/accessible-components/partners/_partners.scss +0 -234
- package/src/accessible-components/partners/partners.html +0 -56
- package/src/accessible-components/picture/picture.html +0 -19
- package/src/accessible-components/preloader/_preloader.scss +0 -61
- package/src/accessible-components/preloader/preloader.html +0 -23
- package/src/accessible-components/progress-bar/_progress-bar.scss +0 -140
- package/src/accessible-components/progress-bar/progress-bar.html +0 -21
- package/src/accessible-components/progress-bar/progress-bar.js +0 -37
- package/src/accessible-components/progress-bar/progress-bar.min.js +0 -2
- package/src/accessible-components/progress-bar/progress-bar.min.js.map +0 -1
- package/src/accessible-components/radio-button/_radio-button.scss +0 -586
- package/src/accessible-components/radio-button/radio-button.html +0 -33
- package/src/accessible-components/reviews/_reviews.scss +0 -180
- package/src/accessible-components/reviews/reviews-carousel.html +0 -12
- package/src/accessible-components/reviews/reviews-static.html +0 -12
- package/src/accessible-components/reviews/reviews.html +0 -37
- package/src/accessible-components/select/_select.scss +0 -87
- package/src/accessible-components/select/select.html +0 -10
- package/src/accessible-components/steps/_steps.scss +0 -640
- package/src/accessible-components/steps/defaultFormFieldConfig.json +0 -109
- package/src/accessible-components/steps/step-fields.html +0 -38
- package/src/accessible-components/steps/steps.html +0 -168
- package/src/accessible-components/tcpa/_tcpa.scss +0 -49
- package/src/accessible-components/tcpa/tcpa.html +0 -9
- package/src/accessible-components/tile/_tile.scss +0 -117
- package/src/accessible-components/tile/tile.html +0 -14
- package/src/accessible-components/value-props/_value-props.scss +0 -102
- package/src/accessible-components/value-props/value-props.html +0 -17
- package/src/accessible-components/zip-control/_zip-control.scss +0 -79
- package/src/accessible-components/zip-control/zip-control.html +0 -10
- package/src/resources/data/tcpa.json +0 -4
- package/src/resources/templates/modals/about/index.hbs +0 -9
- package/src/resources/templates/modals/about/index.html +0 -9
- package/src/resources/templates/modals/contact-us/index.hbs +0 -348
- package/src/resources/templates/modals/contact-us/index.html +0 -348
- package/src/resources/templates/modals/faq/index.hbs +0 -9
- package/src/resources/templates/modals/faq/index.html +0 -9
- package/src/resources/templates/modals/privacy/index.hbs +0 -236
- package/src/resources/templates/modals/privacy/index.html +0 -236
- package/src/resources/templates/modals/terms/index.hbs +0 -166
- package/src/resources/templates/modals/terms/index.html +0 -166
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
{{#each this.items}}
|
|
2
|
-
<li class="hiw-card{{#if ../this.carouselOptions}} swiper-slide{{/if}}{{#xif 'this.attributes && this.attributes.class'}} {{this.attributes.class}}{{/xif}}" {{{addAttributes this 'class'}}}>
|
|
3
|
-
<div class="hiw-card__wrapper">
|
|
4
|
-
{{#if this.picture}}
|
|
5
|
-
{{ fileInclude 'src/accessible-components/picture/picture.html'
|
|
6
|
-
picture = this.picture
|
|
7
|
-
class = 'hiw-card__icon'
|
|
8
|
-
}}
|
|
9
|
-
{{/if}}
|
|
10
|
-
{{#if this.title}}<p class="hiw-card__title">{{{this.title.text}}}</p>{{/if}}
|
|
11
|
-
{{#if this.description}}<p class="hiw-card__description">{{{this.description.text}}}</p>{{/if}}
|
|
12
|
-
</div>
|
|
13
|
-
</li>
|
|
14
|
-
{{/each}}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
$information-background-color: $color-white !default;
|
|
2
|
-
$information-border-top: 1px solid $color-charcoal1 !default;
|
|
3
|
-
$information-position: relative !default;
|
|
4
|
-
$information-text-align: center !default;
|
|
5
|
-
|
|
6
|
-
$information-block-margin: 10px 0 35px !default;
|
|
7
|
-
|
|
8
|
-
$information-content-margin: 0 auto !default;
|
|
9
|
-
$information-content-max-width: 100% !default;
|
|
10
|
-
$information-content-padding-bottom: 35px !default;
|
|
11
|
-
$information-content-padding-top: 0 !default;
|
|
12
|
-
$information-content-text-align: left !default;
|
|
13
|
-
|
|
14
|
-
$information-title-color: $color-charcoal8 !default;
|
|
15
|
-
$information-title-font-family: inherit !default;
|
|
16
|
-
$information-title-font-size: 1.375rem !default;
|
|
17
|
-
$information-title-font-size-desktop: 1.5rem !default;
|
|
18
|
-
$information-title-font-weight: 700 !default;
|
|
19
|
-
$information-title-line-height: 1.25 !default;
|
|
20
|
-
$information-title-margin: 0 0 15px !default;
|
|
21
|
-
|
|
22
|
-
$information-summary-color: $information-title-color !default;
|
|
23
|
-
$information-summary-font-size: 1rem !default;
|
|
24
|
-
$information-summary-font-size-desktop: 1.125rem !default;
|
|
25
|
-
$information-summary-font-weight: 400 !default;
|
|
26
|
-
$information-summary-line-height: 1.35 !default;
|
|
27
|
-
$information-summary-margin: 0 0 15px !default;
|
|
28
|
-
|
|
29
|
-
$information-list-list-style: disc outside !default;
|
|
30
|
-
$information-list-padding: 0 0 0 25px !default;
|
|
31
|
-
|
|
32
|
-
$information-inprogress-display: none !default;
|
|
33
|
-
|
|
34
|
-
.information {
|
|
35
|
-
background-color: $information-background-color;
|
|
36
|
-
border-top: $information-border-top;
|
|
37
|
-
position: $information-position;
|
|
38
|
-
text-align: $information-text-align;
|
|
39
|
-
|
|
40
|
-
&__block {
|
|
41
|
-
margin: $information-block-margin;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&__content {
|
|
45
|
-
margin: $information-content-margin;
|
|
46
|
-
max-width: $information-content-max-width;
|
|
47
|
-
text-align: $information-content-text-align;
|
|
48
|
-
|
|
49
|
-
&:not(.collapsed) {
|
|
50
|
-
padding-bottom: $information-content-padding-bottom;
|
|
51
|
-
padding-top: $information-content-padding-top;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&__title {
|
|
56
|
-
color: $information-title-color;
|
|
57
|
-
font-family: $information-title-font-family;
|
|
58
|
-
font-size: $information-title-font-size;
|
|
59
|
-
font-weight: $information-title-font-weight;
|
|
60
|
-
line-height: $information-title-line-height;
|
|
61
|
-
margin: $information-title-margin;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&__list {
|
|
65
|
-
list-style: $information-list-list-style;
|
|
66
|
-
padding: $information-list-padding;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&__summary,
|
|
70
|
-
&__list-item {
|
|
71
|
-
color: $information-summary-color;
|
|
72
|
-
font-size: $information-summary-font-size;
|
|
73
|
-
font-weight: $information-summary-font-weight;
|
|
74
|
-
line-height: $information-summary-line-height;
|
|
75
|
-
margin: $information-summary-margin;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.form-in-progress {
|
|
80
|
-
.information {
|
|
81
|
-
display: $information-inprogress-display;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
@include breakpoint-md {
|
|
86
|
-
.information {
|
|
87
|
-
&__title {
|
|
88
|
-
font-size: $information-title-font-size-desktop;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
&__summary,
|
|
92
|
-
&__list-item {
|
|
93
|
-
font-size: $information-summary-font-size-desktop;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
<section class="information{{#if this.information.expandCollapse}} expand-collapse{{/if}}{{#xif 'this.information.attributes && this.information.attributes.class'}} {{this.information.attributes.class}}{{/xif}}" {{{addAttributes this.information 'class'}}}>
|
|
2
|
-
{{#this.information.expandCollapse}}
|
|
3
|
-
{{ fileInclude 'src/accessible-components/expand-collapse/expand-collapse.html'
|
|
4
|
-
expandCollapse = this
|
|
5
|
-
}}
|
|
6
|
-
{{/this.information.expandCollapse}}
|
|
7
|
-
{{#if this.information.content}}
|
|
8
|
-
<div class="information__content {{#xif 'this.information.content.attributes && this.information.content.attributes.class'}} {{this.information.content.attributes.class}}{{/xif}}{{#if this.information.expandCollapse}} expand-collapse__content{{/if}}" {{{addAttributes this.information.content 'class'}}}>
|
|
9
|
-
{{#each this.information.content.items}}
|
|
10
|
-
<div class="information__block{{#xif 'this.attributes && this.attributes.class'}} {{this.attributes.class}}{{/xif}}" {{{addAttributes this 'class'}}}>
|
|
11
|
-
<h3 class="information__title{{#xif 'this.title.attributes && this.title.attributes.class'}} {{this.title.attributes.class}}{{/xif}}" {{{addAttributes this.title 'class'}}}>{{{this.title.text}}}</h3>
|
|
12
|
-
{{#if this.wrapSummary}}
|
|
13
|
-
<div {{{addAttributes this.wrapSummary}}}>
|
|
14
|
-
{{/if}}
|
|
15
|
-
{{#each this.summary}}
|
|
16
|
-
<p class="information__summary{{#xif 'this.attributes && this.attributes.class'}} {{this.attributes.class}}{{/xif}}" {{{addAttributes this 'class'}}}>{{{this.text}}}</p>
|
|
17
|
-
{{/each}}
|
|
18
|
-
{{#if this.list}}
|
|
19
|
-
<ul class="information__list">
|
|
20
|
-
{{#each this.list}}
|
|
21
|
-
<li class="information__list-item{{#xif 'this.attributes && this.attributes.class'}} {{this.attributes.class}}{{/xif}}" {{{addAttributes this 'class'}}}>{{{this.text}}}</li>
|
|
22
|
-
{{/each}}
|
|
23
|
-
</ul>
|
|
24
|
-
{{/if}}
|
|
25
|
-
{{#if this.wrapSummary}}
|
|
26
|
-
</div>
|
|
27
|
-
{{/if}}
|
|
28
|
-
</div>
|
|
29
|
-
{{/each}}
|
|
30
|
-
</div>
|
|
31
|
-
{{/if}}
|
|
32
|
-
</section>
|
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
$form-input-background-color: $color-white !default;
|
|
2
|
-
$form-input-border: 1px solid darken($color-charcoal3, 5%) !default;
|
|
3
|
-
$form-input-border-radius: 4px !default;
|
|
4
|
-
$form-input-box-shadow: none !default;
|
|
5
|
-
$form-input-color: $color-charcoal8 !default;
|
|
6
|
-
$form-input-font-family: $base-font-family !default;
|
|
7
|
-
$form-input-font-size: 1rem !default;
|
|
8
|
-
$form-input-font-size-desktop: 1.125rem !default;
|
|
9
|
-
$form-input-font-weight: 400 !default;
|
|
10
|
-
$form-input-height: 48px !default;
|
|
11
|
-
$form-input-line-height: 1.1875 !default;
|
|
12
|
-
$form-input-margin: 0 0 15px !default;
|
|
13
|
-
$form-input-padding: 15px !default;
|
|
14
|
-
$form-input-placeholder-color: $color-charcoal4 !default;
|
|
15
|
-
$form-input-placeholder-color-desktop: $form-input-placeholder-color !default;
|
|
16
|
-
$form-input-transition-time: .15s !default;
|
|
17
|
-
|
|
18
|
-
$form-input-focus-bg-color: $form-input-background-color !default;
|
|
19
|
-
$form-input-focus-border: 2px solid $color-charcoal5 !default;
|
|
20
|
-
|
|
21
|
-
$form-group-includes-label-background-color: transparent !default;
|
|
22
|
-
$form-group-includes-label-display: block !default;
|
|
23
|
-
$form-group-includes-label-input-height: 56px !default;
|
|
24
|
-
$form-group-includes-label-input-padding: 15px 15px 0 !default;
|
|
25
|
-
|
|
26
|
-
$form-group-label-in-input-focus-color: $color-charcoal5 !default;
|
|
27
|
-
$form-group-label-in-input-focus-font-size: .75rem !default;
|
|
28
|
-
$form-group-label-in-input-focus-font-weight: 700 !default;
|
|
29
|
-
$form-group-label-in-input-focus-top: 8px !default;
|
|
30
|
-
$form-group-label-in-input-error-color: $color-a11y-red !default;
|
|
31
|
-
$form-group-label-in-input-focus-z-index: 0 !default;
|
|
32
|
-
|
|
33
|
-
$form-input-error-color: $color-a11y-red !default;
|
|
34
|
-
$form-input-error-border: 1px solid $form-input-error-color !default;
|
|
35
|
-
$form-input-error-box-shadow: none !default;
|
|
36
|
-
$form-input-error-focus-border-color: $color-a11y-red !default;
|
|
37
|
-
$form-input-error-focus-box-shadow: none !default;
|
|
38
|
-
$form-input-group-error-border-width: 0 !default;
|
|
39
|
-
$form-input-group-input-error-border: $form-input-error-border !default;
|
|
40
|
-
|
|
41
|
-
$form-input-icon-color: darken($color-charcoal3, 5%) !default;
|
|
42
|
-
$form-input-icon-error-color: $color-a11y-red !default;
|
|
43
|
-
$form-input-icon-font-size: 1.25rem !default;
|
|
44
|
-
$form-input-icon-left: 15px !default;
|
|
45
|
-
$form-input-icon-position: absolute !default;
|
|
46
|
-
$form-input-icon-top: 18px !default;
|
|
47
|
-
$form-input-icon-z-index: 3 !default;
|
|
48
|
-
|
|
49
|
-
$form-input-textarea-min-height: 150px !default;
|
|
50
|
-
$form-input-textarea-font-family: inherit !default;
|
|
51
|
-
$form-input-textarea-focus-padding-top: 24px !default;
|
|
52
|
-
|
|
53
|
-
.form-input-group {
|
|
54
|
-
&--includes-label {
|
|
55
|
-
display: $form-group-includes-label-display;
|
|
56
|
-
position: relative;
|
|
57
|
-
|
|
58
|
-
.form-input {
|
|
59
|
-
background-color: $form-group-includes-label-background-color;
|
|
60
|
-
height: $form-group-includes-label-input-height;
|
|
61
|
-
padding: $form-group-includes-label-input-padding;
|
|
62
|
-
|
|
63
|
-
&::placeholder {
|
|
64
|
-
opacity: 0;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
&:not(:placeholder-shown),
|
|
68
|
-
&:-webkit-autofill,
|
|
69
|
-
&:-webkit-autofill:hover,
|
|
70
|
-
&:-webkit-autofill:focus,
|
|
71
|
-
&:focus {
|
|
72
|
-
background-color: $form-input-focus-bg-color;
|
|
73
|
-
border: $form-input-focus-border;
|
|
74
|
-
|
|
75
|
-
+ label {
|
|
76
|
-
color: $form-group-label-in-input-focus-color;
|
|
77
|
-
font-size: $form-group-label-in-input-focus-font-size;
|
|
78
|
-
font-weight: $form-group-label-in-input-focus-font-weight;
|
|
79
|
-
top: $form-group-label-in-input-focus-top;
|
|
80
|
-
z-index: $form-group-label-in-input-focus-z-index;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&.form-input--textarea {
|
|
84
|
-
padding-top: $form-input-textarea-focus-padding-top;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
&--centered {
|
|
89
|
-
text-align: center;
|
|
90
|
-
|
|
91
|
-
+ label {
|
|
92
|
-
left: 0;
|
|
93
|
-
right: 0;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
&__icon {
|
|
100
|
-
color: $form-input-icon-color;
|
|
101
|
-
font-size: $form-input-icon-font-size;
|
|
102
|
-
left: $form-input-icon-left;
|
|
103
|
-
position: $form-input-icon-position;
|
|
104
|
-
top: $form-input-icon-top;
|
|
105
|
-
transition: $base-transition;
|
|
106
|
-
z-index: $form-input-icon-z-index;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.form-input {
|
|
111
|
-
background-color: $form-input-background-color;
|
|
112
|
-
border: $form-input-border;
|
|
113
|
-
border-radius: $form-input-border-radius;
|
|
114
|
-
box-shadow: $form-input-box-shadow;
|
|
115
|
-
color: $form-input-color;
|
|
116
|
-
font-family: $form-input-font-family;
|
|
117
|
-
font-size: $form-input-font-size;
|
|
118
|
-
font-weight: $form-input-font-weight;
|
|
119
|
-
height: $form-input-height;
|
|
120
|
-
line-height: $form-input-line-height;
|
|
121
|
-
margin: $form-input-margin;
|
|
122
|
-
padding: $form-input-padding;
|
|
123
|
-
position: relative;
|
|
124
|
-
transition: background-color $form-input-transition-time ease-in-out, border-color $form-input-transition-time ease-in-out, box-shadow $form-input-transition-time ease-in-out;
|
|
125
|
-
width: 100%;
|
|
126
|
-
|
|
127
|
-
&::-webkit-input-placeholder {
|
|
128
|
-
color: $form-input-placeholder-color;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
&::-ms-input-placeholder {
|
|
132
|
-
color: $form-input-placeholder-color;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
&::placeholder {
|
|
136
|
-
color: $form-input-placeholder-color;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
&:focus {
|
|
140
|
-
background-color: $form-input-focus-bg-color;
|
|
141
|
-
border: $form-input-focus-border;
|
|
142
|
-
box-shadow: none;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
&--textarea {
|
|
146
|
-
font-family: $form-input-textarea-font-family;
|
|
147
|
-
min-height: $form-input-textarea-min-height;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
&--border-bottom-only {
|
|
151
|
-
border-left: 0 !important;
|
|
152
|
-
border-radius: 0;
|
|
153
|
-
border-right: 0 !important;
|
|
154
|
-
border-top: 0 !important;
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.has-error {
|
|
159
|
-
.form-input {
|
|
160
|
-
border: $form-input-error-border;
|
|
161
|
-
box-shadow: $form-input-error-box-shadow;
|
|
162
|
-
color: $form-input-error-color;
|
|
163
|
-
|
|
164
|
-
&:focus {
|
|
165
|
-
border-color: $form-input-error-focus-border-color;
|
|
166
|
-
box-shadow: $form-input-error-focus-box-shadow;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
.form-input-group {
|
|
171
|
-
&--includes-label {
|
|
172
|
-
.form-input {
|
|
173
|
-
&:not(:placeholder-shown),
|
|
174
|
-
&:focus {
|
|
175
|
-
+ label {
|
|
176
|
-
color: $form-group-label-in-input-error-color;
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
&__icon {
|
|
183
|
-
color: $form-input-icon-error-color;
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
@include breakpoint-md {
|
|
189
|
-
.form-input {
|
|
190
|
-
font-size: $form-input-font-size-desktop;
|
|
191
|
-
|
|
192
|
-
&::-webkit-input-placeholder {
|
|
193
|
-
color: $form-input-placeholder-color-desktop;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
&::-ms-input-placeholder {
|
|
197
|
-
color: $form-input-placeholder-color-desktop;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
&::placeholder {
|
|
201
|
-
color: $form-input-placeholder-color-desktop;
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
{{#if this.field}}
|
|
2
|
-
{{#xif "this.field.icon || this.field.iconImageUrl || this.field.labelInInput"}}
|
|
3
|
-
<div class="form-input-group{{#xif 'this.field.icon || this.field.iconImageUrl'}} form-input-group--icon{{/xif}}{{#if this.field.labelInInput}} form-input-group--includes-label{{/if}}">
|
|
4
|
-
{{#if this.field.icon}}
|
|
5
|
-
<span class="form-input-group__icon">
|
|
6
|
-
<i class="{{this.field.icon}}" aria-hidden="true"></i>
|
|
7
|
-
</span>
|
|
8
|
-
{{/if}}
|
|
9
|
-
{{#if this.field.iconImageUrl}}
|
|
10
|
-
<span class="form-input-group__icon">
|
|
11
|
-
<img src="{{this.field.iconImageUrl}}" aria-hidden="true">
|
|
12
|
-
</span>
|
|
13
|
-
{{/if}}
|
|
14
|
-
{{/xif}}
|
|
15
|
-
<input
|
|
16
|
-
class="form-input{{#if this.field.attributes.class}} {{this.field.attributes.class}}{{/if}}"
|
|
17
|
-
{{{addAttributes this.field 'class'}}}
|
|
18
|
-
/>
|
|
19
|
-
{{#if this.field.labelInInput}}<label for="{{this.field.attributes.id}}" class="form-group__label-input">{{{this.field.labelInInput}}}</label>{{/if}}
|
|
20
|
-
{{#xif "this.field.icon || this.field.iconImageUrl || this.field.labelInInput"}}</div>{{/xif}}
|
|
21
|
-
{{/if}}
|
|
22
|
-
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
{{#if this.field}}
|
|
2
|
-
{{#if this.field.labelInInput}}<div class="form-input-group form-input-group--includes-label">{{/if}}
|
|
3
|
-
<textarea
|
|
4
|
-
type="textarea"
|
|
5
|
-
class="form-input form-input--textarea{{#if this.field.attributes.class}} {{this.field.attributes.class}}{{/if}}"
|
|
6
|
-
{{{addAttributes this.field 'class' 'type'}}}
|
|
7
|
-
></textarea>
|
|
8
|
-
{{#if this.field.labelInInput}}<label class="form-group__label-input">{{{this.field.labelInInput}}}</label></div>{{/if}}
|
|
9
|
-
{{/if}}
|
|
@@ -1,234 +0,0 @@
|
|
|
1
|
-
$partners-background: rgba($color-charcoal1, .2) !default;
|
|
2
|
-
$partners-border-bottom: 0 !default;
|
|
3
|
-
$partners-border-bottom-desktop: $partners-border-bottom !default;
|
|
4
|
-
$partners-padding: 20px 0 !default;
|
|
5
|
-
$partners-padding-desktop: 35px 0 !default;
|
|
6
|
-
$partners-text-align: center !default;
|
|
7
|
-
|
|
8
|
-
$partners-header-max-width-xl: 400px !default;
|
|
9
|
-
$partners-header-text-align-xl: $partners-text-align !default;
|
|
10
|
-
$partners-container-align-items-xl: center !default;
|
|
11
|
-
$partners-container-display-xl: flex !default;
|
|
12
|
-
$partners-container-justify-content-xl: space-between !default;
|
|
13
|
-
|
|
14
|
-
$partners-title-color: $color-charcoal8 !default;
|
|
15
|
-
$partners-title-font-size: 1.375rem !default;
|
|
16
|
-
$partners-title-font-size-desktop: 1.5rem !default;
|
|
17
|
-
$partners-title-font-weight: 400 !default;
|
|
18
|
-
$partners-title-line-height: 1.25 !default;
|
|
19
|
-
$partners-title-margin: 0 0 5px !default;
|
|
20
|
-
|
|
21
|
-
$partners-subtitle-color: $color-charcoal4 !default;
|
|
22
|
-
$partners-subtitle-font-size: .75rem !default;
|
|
23
|
-
$partners-subtitle-font-size-desktop: $partners-subtitle-font-size !default;
|
|
24
|
-
$partners-subtitle-font-style: normal !default;
|
|
25
|
-
$partners-subtitle-font-weight: 400 !default;
|
|
26
|
-
$partners-subtitle-line-height: 1.35 !default;
|
|
27
|
-
$partners-subtitle-margin: 0 0 15px !default;
|
|
28
|
-
|
|
29
|
-
$partners-companies-align-items: center !default;
|
|
30
|
-
$partners-companies-display: flex !default;
|
|
31
|
-
$partners-companies-flex-wrap: wrap !default;
|
|
32
|
-
$partners-companies-justify-content: center !default;
|
|
33
|
-
|
|
34
|
-
$partners-logo-margin: 10px !default;
|
|
35
|
-
$partners-logo-margin-desktop: 10px 15px !default;
|
|
36
|
-
|
|
37
|
-
$partners-logo-image-height: 43px !default;
|
|
38
|
-
$partners-logo-image-max-width: 150px !default;
|
|
39
|
-
|
|
40
|
-
$partners-benefits-color: $partners-title-color !default;
|
|
41
|
-
$partners-benefits-font-size: .625rem !default;
|
|
42
|
-
$partners-benefits-font-weight: 400 !default;
|
|
43
|
-
$partners-benefits-line-height: 1.35 !default;
|
|
44
|
-
$partners-benefits-list-style: none !default;
|
|
45
|
-
$partners-benefits-text-align: left !default;
|
|
46
|
-
|
|
47
|
-
$partners-featured-padding-bottom: 20px !default;
|
|
48
|
-
$partners-featured-margin-bottom: $partners-featured-padding-bottom !default;
|
|
49
|
-
$partners-featured-padding-bottom-xl: 0 !default;
|
|
50
|
-
$partners-featured-margin-bottom-xl: $partners-featured-padding-bottom-xl !default;
|
|
51
|
-
$partners-featured-text-align: center !default;
|
|
52
|
-
$partners-featured-text-display: inline-block !default;
|
|
53
|
-
$partners-featured-text-display-xl: block !default;
|
|
54
|
-
$partners-featured-text-align-xl: $partners-featured-text-align !default;
|
|
55
|
-
$partners-featured-text-color: $color-charcoal8 !default;
|
|
56
|
-
$partners-featured-text-font-size: 1rem !default;
|
|
57
|
-
$partners-featured-text-margin: 0 5px 0 0 !default;
|
|
58
|
-
$partners-featured-text-margin-xl: 0 0 5px !default;
|
|
59
|
-
$partners-featured-image-max-width: 115px !default;
|
|
60
|
-
$partners-featured-border-color: $color-charcoal1 !default;
|
|
61
|
-
$partners-featured-border-width: 100vw !default;
|
|
62
|
-
$partners-featured-border-height: 1px !default;
|
|
63
|
-
$partners-featured-border-color-xl: $partners-featured-border-color !default;
|
|
64
|
-
$partners-featured-border-width-xl: $partners-featured-border-width !default;
|
|
65
|
-
|
|
66
|
-
$partners-more-brands-align-items: center !default;
|
|
67
|
-
$partners-more-brands-color: $partners-title-color !default;
|
|
68
|
-
$partners-more-brands-display: flex !default;
|
|
69
|
-
$partners-more-brands-font-size: 1rem !default;
|
|
70
|
-
$partners-more-brands-font-size-desktop: 1.125rem !default;
|
|
71
|
-
$partners-more-brands-font-weight: 400 !default;
|
|
72
|
-
$partners-more-brands-line-height: 1.25 !default;
|
|
73
|
-
$partners-more-brands-text-align: left !default;
|
|
74
|
-
|
|
75
|
-
$partners-more-brands-icon-font-size: 32px !default;
|
|
76
|
-
$partners-more-brands-icon-font-weight: bold !default;
|
|
77
|
-
$partners-more-brands-icon-margin: 0 15px 0 0 !default;
|
|
78
|
-
|
|
79
|
-
$partners-inprogress-display: none !default;
|
|
80
|
-
|
|
81
|
-
.partners {
|
|
82
|
-
background: $partners-background;
|
|
83
|
-
border-bottom: $partners-border-bottom;
|
|
84
|
-
padding: $partners-padding;
|
|
85
|
-
text-align: $partners-text-align;
|
|
86
|
-
|
|
87
|
-
&__title {
|
|
88
|
-
color: $partners-title-color;
|
|
89
|
-
font-size: $partners-title-font-size;
|
|
90
|
-
font-weight: $partners-title-font-weight;
|
|
91
|
-
line-height: $partners-title-line-height;
|
|
92
|
-
margin: $partners-title-margin;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
&__subtitle,
|
|
96
|
-
&__disclaimer {
|
|
97
|
-
color: $partners-subtitle-color;
|
|
98
|
-
font-size: $partners-subtitle-font-size;
|
|
99
|
-
font-style: $partners-subtitle-font-style;
|
|
100
|
-
font-weight: $partners-subtitle-font-weight;
|
|
101
|
-
line-height: $partners-subtitle-line-height;
|
|
102
|
-
margin: $partners-subtitle-margin;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
&__companies {
|
|
106
|
-
align-items: $partners-companies-align-items;
|
|
107
|
-
display: $partners-companies-display;
|
|
108
|
-
flex-wrap: $partners-companies-flex-wrap;
|
|
109
|
-
justify-content: $partners-companies-justify-content;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
&__logo {
|
|
113
|
-
margin: $partners-logo-margin;
|
|
114
|
-
|
|
115
|
-
img {
|
|
116
|
-
height: $partners-logo-image-height;
|
|
117
|
-
max-width: $partners-logo-image-max-width;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
&__benefits {
|
|
122
|
-
color: $partners-benefits-color;
|
|
123
|
-
font-size: $partners-benefits-font-size;
|
|
124
|
-
font-weight: $partners-benefits-font-weight;
|
|
125
|
-
line-height: $partners-benefits-line-height;
|
|
126
|
-
list-style: $partners-benefits-list-style;
|
|
127
|
-
text-align: $partners-benefits-text-align;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
&__more-brands {
|
|
131
|
-
align-items: $partners-more-brands-align-items;
|
|
132
|
-
color: $partners-more-brands-color;
|
|
133
|
-
display: $partners-more-brands-display;
|
|
134
|
-
font-size: $partners-more-brands-font-size;
|
|
135
|
-
font-weight: $partners-more-brands-font-weight;
|
|
136
|
-
line-height: $partners-more-brands-line-height;
|
|
137
|
-
text-align: $partners-more-brands-text-align;
|
|
138
|
-
|
|
139
|
-
.icon-add {
|
|
140
|
-
font-size: $partners-more-brands-icon-font-size;
|
|
141
|
-
font-weight: $partners-more-brands-icon-font-weight;
|
|
142
|
-
margin: $partners-more-brands-icon-margin;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
&__featured-in {
|
|
147
|
-
margin-bottom: $partners-featured-margin-bottom;
|
|
148
|
-
padding-bottom: $partners-featured-padding-bottom;
|
|
149
|
-
position: relative;
|
|
150
|
-
text-align: $partners-featured-text-align;
|
|
151
|
-
|
|
152
|
-
&:after {
|
|
153
|
-
content: '';
|
|
154
|
-
background-color: $partners-featured-border-color;
|
|
155
|
-
position: absolute;
|
|
156
|
-
bottom: 0;
|
|
157
|
-
height: $partners-featured-border-height;
|
|
158
|
-
width: $partners-featured-border-width;
|
|
159
|
-
left: 50%;
|
|
160
|
-
transform: translateX(-50%);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
p {
|
|
164
|
-
color: $partners-featured-text-color;
|
|
165
|
-
display: $partners-featured-text-display;
|
|
166
|
-
font-size: $partners-featured-text-font-size;
|
|
167
|
-
margin: $partners-featured-text-margin;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
img {
|
|
171
|
-
max-width: $partners-featured-image-max-width;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.form-in-progress {
|
|
177
|
-
.partners {
|
|
178
|
-
display: $partners-inprogress-display;
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
@include breakpoint-md {
|
|
183
|
-
.partners {
|
|
184
|
-
border-bottom: $partners-border-bottom-desktop;
|
|
185
|
-
padding: $partners-padding-desktop;
|
|
186
|
-
|
|
187
|
-
&__title {
|
|
188
|
-
font-size: $partners-title-font-size-desktop;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
&__logo {
|
|
192
|
-
margin: $partners-logo-margin-desktop;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
&__subtitle,
|
|
196
|
-
&__disclaimer {
|
|
197
|
-
font-size: $partners-subtitle-font-size-desktop;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
&__more-brands {
|
|
201
|
-
font-size: $partners-more-brands-font-size-desktop;
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
@include breakpoint-xl {
|
|
207
|
-
.partners {
|
|
208
|
-
&__container {
|
|
209
|
-
align-items: $partners-container-align-items-xl;
|
|
210
|
-
display: $partners-container-display-xl;
|
|
211
|
-
justify-content: $partners-container-justify-content-xl;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
&__header {
|
|
215
|
-
max-width: $partners-header-max-width-xl;
|
|
216
|
-
text-align: $partners-header-text-align-xl;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
&__featured-in {
|
|
220
|
-
margin-bottom: $partners-featured-padding-bottom-xl;
|
|
221
|
-
padding-bottom: $partners-featured-padding-bottom-xl;
|
|
222
|
-
text-align: $partners-featured-text-align-xl;
|
|
223
|
-
|
|
224
|
-
&:after {
|
|
225
|
-
display: none;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
p {
|
|
229
|
-
display: $partners-featured-text-display-xl;
|
|
230
|
-
margin: $partners-featured-text-margin-xl;
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
<section class="partners{{#xif 'this.partners.attributes && this.partners.attributes.class'}} {{this.partners.attributes.class}}{{/xif}}" {{{addAttributes this.partners 'class'}}}>
|
|
2
|
-
<div class="partners__container container">
|
|
3
|
-
{{#if this.partners.featuredIn}}
|
|
4
|
-
<div class="partners__featured-in">
|
|
5
|
-
{{#if this.partners.featuredIn.text}}
|
|
6
|
-
<p>{{{this.partners.featuredIn.text}}}</p>
|
|
7
|
-
{{/if}}
|
|
8
|
-
{{#if this.partners.featuredIn.picture}}
|
|
9
|
-
{{ fileInclude 'src/accessible-components/picture/picture.html'
|
|
10
|
-
picture = this.partners.featuredIn.picture
|
|
11
|
-
}}
|
|
12
|
-
{{/if}}
|
|
13
|
-
</div>
|
|
14
|
-
{{/if}}
|
|
15
|
-
<div class="partners__header">
|
|
16
|
-
{{#if this.partners.title}}
|
|
17
|
-
<h2 class="partners__title{{#xif 'this.partners.title.attributes && this.partners.title.attributes.class'}} {{this.partners.title.attributes.class}}{{/xif}}" {{{addAttributes this.partners.title 'class'}}}>{{{this.partners.title.text}}}</h2>
|
|
18
|
-
{{/if}}
|
|
19
|
-
{{#if this.partners.subtitle}}
|
|
20
|
-
<p class="partners__subtitle{{#xif 'this.partners.subtitle.attributes && this.partners.subtitle.attributes.class'}} {{this.partners.subtitle.attributes.class}}{{/xif}}" {{{addAttributes this.partners.subtitle 'class'}}}>{{{this.partners.subtitle.text}}}</p>
|
|
21
|
-
{{/if}}
|
|
22
|
-
</div>
|
|
23
|
-
{{#if this.partners.companies}}
|
|
24
|
-
<ul class="partners__companies{{#xif 'this.partners.companies.attributes && this.partners.companies.attributes.class'}} {{this.partners.companies.attributes.class}}{{/xif}}" {{{addAttributes this.partners.companies 'class'}}}>
|
|
25
|
-
{{#each this.partners.companies.items}}
|
|
26
|
-
<li class="partners__logo{{#xif 'this.attributes && this.attributes.class'}} {{this.attributes.class}}{{/xif}}" {{{addAttributes this 'class'}}}>
|
|
27
|
-
{{#if this.picture}}
|
|
28
|
-
{{ fileInclude 'src/accessible-components/picture/picture.html'
|
|
29
|
-
picture = this.picture
|
|
30
|
-
}}
|
|
31
|
-
{{/if}}
|
|
32
|
-
{{#if this.benefits}}
|
|
33
|
-
<ul class="partners__benefits{{#xif 'this.benefits.attributes && this.benefits.attributes.class'}} {{this.benefits.attributes.class}}{{/xif}}" {{{addAttributes this.benefits 'class'}}}>
|
|
34
|
-
{{#each this.benefits.items}}
|
|
35
|
-
<li>{{{this}}}</li>
|
|
36
|
-
{{/each}}
|
|
37
|
-
</ul>
|
|
38
|
-
{{/if}}
|
|
39
|
-
</li>
|
|
40
|
-
{{/each}}
|
|
41
|
-
{{#if this.partners.companies.moreBrands}}
|
|
42
|
-
<li class="partners__logo partners__more-brands">
|
|
43
|
-
{{#if this.partners.companies.moreBrands.includePlusIcon}}
|
|
44
|
-
<i class="icon-add" aria-hidden="true"></i>
|
|
45
|
-
<span class="visually-hidden">Plus</span>
|
|
46
|
-
{{/if}}
|
|
47
|
-
{{{this.partners.companies.moreBrands.text}}}
|
|
48
|
-
</li>
|
|
49
|
-
{{/if}}
|
|
50
|
-
</ul>
|
|
51
|
-
{{/if}}
|
|
52
|
-
{{#if this.partners.disclaimer}}
|
|
53
|
-
<p class="partners__disclaimer{{#xif 'this.partners.disclaimer.attributes && this.partners.disclaimer.attributes.class'}} {{this.partners.disclaimer.attributes.class}}{{/xif}}" {{{addAttributes this.partners.disclaimer 'class'}}}>{{{this.partners.disclaimer.text}}}</p>
|
|
54
|
-
{{/if}}
|
|
55
|
-
</div>
|
|
56
|
-
</section>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
{{#if this.picture}}
|
|
2
|
-
{{#if this.picture.source}}
|
|
3
|
-
<picture {{#xif "this.picture.attributes && this.picture.attributes.class || this.class"}}class="{{#if this.picture.attributes.class}}{{this.picture.attributes.class}} {{/if}}{{#if this.class}}{{this.class}}{{/if}}"{{/xif}} {{{addAttributes this.picture 'class'}}}>
|
|
4
|
-
{{#each this.picture.source}}
|
|
5
|
-
<source srcset="{{#if ../this.picture.useCDN}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets{{this.attributes.srcset}}{{else}}{{this.attributes.srcset}}{{/if}}" {{{addAttributes this 'srcset'}}}>
|
|
6
|
-
{{/each}}
|
|
7
|
-
<img src="{{#if this.picture.useCDN}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets{{this.picture.img.attributes.src}}{{else}}{{this.picture.img.attributes.src}}{{/if}}" {{{addAttributes this.picture.img 'src'}}}/>
|
|
8
|
-
</picture>
|
|
9
|
-
{{else if this.picture.svg}}
|
|
10
|
-
<svg {{#xif "this.picture.svg.attributes && this.picture.svg.attributes.class || this.class"}}class="{{#if this.picture.svg.attributes.class}}{{this.picture.svg.attributes.class}} {{/if}}{{#if this.class}}{{this.class}}{{/if}}"{{/xif}} {{{addAttributes this.picture.svg 'class'}}}>
|
|
11
|
-
{{#if this.picture.svg.title}}
|
|
12
|
-
<title {{{addAttributes this.picture.svg.title}}}>{{{this.picture.svg.title.text}}}</title>
|
|
13
|
-
{{/if}}
|
|
14
|
-
<use href="{{#if this.picture.useCDN}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets{{this.picture.svg.use.attributes.href}}{{else}}{{this.picture.svg.use.attributes.href}}{{/if}}" {{{addAttributes this.picture.svg.use 'href'}}}/>
|
|
15
|
-
</svg>
|
|
16
|
-
{{else}}
|
|
17
|
-
<img {{#xif "this.picture.img.attributes && this.picture.img.attributes.class || this.class"}}class="{{#if this.picture.img.attributes.class}}{{this.picture.img.attributes.class}} {{/if}}{{#if this.class}}{{this.class}}{{/if}}"{{/xif}} src="{{#if this.picture.useCDN}}https://{{x 'process.env.NODE_ENV'}}/quote/resources/assets{{this.picture.img.attributes.src}}{{else}}{{this.picture.img.attributes.src}}{{/if}}" {{{addAttributes this.picture.img 'class' 'src'}}}/>
|
|
18
|
-
{{/if}}
|
|
19
|
-
{{/if}}
|