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.
Files changed (106) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -1
  3. package/vite.config.js +23 -13
  4. package/public/resources/scripts/abandonment/abandonment-1df90ee155f6c0893d90.min.js +0 -2
  5. package/public/resources/scripts/abandonment/abandonment.min.js +0 -2
  6. package/public/resources/scripts/callrail/callrail-5c7c537f04af468600cf.min.js +0 -2
  7. package/public/resources/scripts/callrail/callrail.min.js +0 -2
  8. package/public/resources/scripts/footer/footer-component-7b5e263f64568573ecc0.min.js +0 -2
  9. package/public/resources/scripts/footer/footer-component.min.js +0 -2
  10. package/public/resources/scripts/helpers/initNumericOnlyFields.min.js +0 -2
  11. package/public/resources/scripts/helpers/initNumericOnlyFields.min.js.map +0 -1
  12. package/public/resources/scripts/helpers/isZipCodeValid.min.js +0 -2
  13. package/public/resources/scripts/helpers/isZipCodeValid.min.js.map +0 -1
  14. package/public/resources/scripts/jornaya.hbs +0 -35
  15. package/public/resources/scripts/jornaya.html +0 -35
  16. package/public/resources/scripts/mod-alytics/modalytics-0ac7d7a5a72ea67a0f47.min.js +0 -2
  17. package/public/resources/scripts/mod-alytics/modalytics.min.js +0 -2
  18. package/public/resources/scripts/mod-form/form/homeowner-62292fdc874b2d2f5c82.min.js +0 -2
  19. package/public/resources/scripts/mod-form/form/homeowner.min.js +0 -2
  20. package/public/resources/scripts/mod-utils/modutils-15069d7b728a555fb3f7.min.js +0 -2
  21. package/public/resources/scripts/mod-utils/modutils.min.js +0 -2
  22. package/public/resources/scripts/trusted-form.hbs +0 -38
  23. package/public/resources/scripts/trusted-form.html +0 -38
  24. package/public/resources/styles/components/abandonment/abandonment-a8571a9e32ed6ef9acb4.min.css +0 -1
  25. package/public/resources/styles/components/abandonment/abandonment.min.css +0 -1
  26. package/public/resources/styles/components/footer/mod-footer-1fb2cec3278f29df57d0.min.css +0 -1
  27. package/public/resources/styles/components/footer/mod-footer.min.css +0 -1
  28. package/public/resources/styles/components/footer/qs-footer-9a3b0ab00428b03e6e9e.min.css +0 -1
  29. package/public/resources/styles/components/footer/qs-footer.min.css +0 -1
  30. package/src/accessible-components/button/_button.scss +0 -319
  31. package/src/accessible-components/button/back-button.html +0 -8
  32. package/src/accessible-components/button/button.html +0 -17
  33. package/src/accessible-components/carousel/_carousel.scss +0 -112
  34. package/src/accessible-components/carousel/carousel.html +0 -25
  35. package/src/accessible-components/carousel/carousel.js +0 -3426
  36. package/src/accessible-components/carousel/carousel.js.map +0 -1
  37. package/src/accessible-components/carousel/carousel.min.js +0 -6
  38. package/src/accessible-components/carousel/carousel.min.js.map +0 -1
  39. package/src/accessible-components/checkbox/_checkbox.scss +0 -153
  40. package/src/accessible-components/checkbox/checkbox-group.html +0 -18
  41. package/src/accessible-components/checkbox/checkbox.html +0 -8
  42. package/src/accessible-components/expand-collapse/_expand-collapse.scss +0 -129
  43. package/src/accessible-components/expand-collapse/expand-collapse.html +0 -14
  44. package/src/accessible-components/expand-collapse/expand-collapse.js +0 -52
  45. package/src/accessible-components/expand-collapse/expand-collapse.min.js +0 -2
  46. package/src/accessible-components/expand-collapse/expand-collapse.min.js.map +0 -1
  47. package/src/accessible-components/featured-block/_featured-block.scss +0 -221
  48. package/src/accessible-components/featured-block/featured-block.html +0 -54
  49. package/src/accessible-components/foot-assets/foot-assets.html +0 -112
  50. package/src/accessible-components/footer/footer.html +0 -2
  51. package/src/accessible-components/gtm-body/gtm-body.html +0 -4
  52. package/src/accessible-components/head/head.html +0 -187
  53. package/src/accessible-components/header/_header.scss +0 -289
  54. package/src/accessible-components/header/header.html +0 -66
  55. package/src/accessible-components/hero/_hero.scss +0 -405
  56. package/src/accessible-components/hero/hero.html +0 -53
  57. package/src/accessible-components/how-it-works/_how-it-works.scss +0 -217
  58. package/src/accessible-components/how-it-works/how-it-works-carousel.html +0 -12
  59. package/src/accessible-components/how-it-works/how-it-works-static.html +0 -12
  60. package/src/accessible-components/how-it-works/how-it-works.html +0 -14
  61. package/src/accessible-components/information/_information.scss +0 -96
  62. package/src/accessible-components/information/information.html +0 -32
  63. package/src/accessible-components/input/_input.scss +0 -204
  64. package/src/accessible-components/input/input.html +0 -22
  65. package/src/accessible-components/input/textarea.html +0 -9
  66. package/src/accessible-components/partners/_partners.scss +0 -234
  67. package/src/accessible-components/partners/partners.html +0 -56
  68. package/src/accessible-components/picture/picture.html +0 -19
  69. package/src/accessible-components/preloader/_preloader.scss +0 -61
  70. package/src/accessible-components/preloader/preloader.html +0 -23
  71. package/src/accessible-components/progress-bar/_progress-bar.scss +0 -140
  72. package/src/accessible-components/progress-bar/progress-bar.html +0 -21
  73. package/src/accessible-components/progress-bar/progress-bar.js +0 -37
  74. package/src/accessible-components/progress-bar/progress-bar.min.js +0 -2
  75. package/src/accessible-components/progress-bar/progress-bar.min.js.map +0 -1
  76. package/src/accessible-components/radio-button/_radio-button.scss +0 -586
  77. package/src/accessible-components/radio-button/radio-button.html +0 -33
  78. package/src/accessible-components/reviews/_reviews.scss +0 -180
  79. package/src/accessible-components/reviews/reviews-carousel.html +0 -12
  80. package/src/accessible-components/reviews/reviews-static.html +0 -12
  81. package/src/accessible-components/reviews/reviews.html +0 -37
  82. package/src/accessible-components/select/_select.scss +0 -87
  83. package/src/accessible-components/select/select.html +0 -10
  84. package/src/accessible-components/steps/_steps.scss +0 -640
  85. package/src/accessible-components/steps/defaultFormFieldConfig.json +0 -109
  86. package/src/accessible-components/steps/step-fields.html +0 -38
  87. package/src/accessible-components/steps/steps.html +0 -168
  88. package/src/accessible-components/tcpa/_tcpa.scss +0 -49
  89. package/src/accessible-components/tcpa/tcpa.html +0 -9
  90. package/src/accessible-components/tile/_tile.scss +0 -117
  91. package/src/accessible-components/tile/tile.html +0 -14
  92. package/src/accessible-components/value-props/_value-props.scss +0 -102
  93. package/src/accessible-components/value-props/value-props.html +0 -17
  94. package/src/accessible-components/zip-control/_zip-control.scss +0 -79
  95. package/src/accessible-components/zip-control/zip-control.html +0 -10
  96. package/src/resources/data/tcpa.json +0 -4
  97. package/src/resources/templates/modals/about/index.hbs +0 -9
  98. package/src/resources/templates/modals/about/index.html +0 -9
  99. package/src/resources/templates/modals/contact-us/index.hbs +0 -348
  100. package/src/resources/templates/modals/contact-us/index.html +0 -348
  101. package/src/resources/templates/modals/faq/index.hbs +0 -9
  102. package/src/resources/templates/modals/faq/index.html +0 -9
  103. package/src/resources/templates/modals/privacy/index.hbs +0 -236
  104. package/src/resources/templates/modals/privacy/index.html +0 -236
  105. package/src/resources/templates/modals/terms/index.hbs +0 -166
  106. 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}}