mod-build 3.4.26-beta.4 → 3.4.28

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.
@@ -48,7 +48,8 @@ module.exports = function(gulp, gulpPlugins, siteSettings, siteData) {
48
48
  // local dev files
49
49
  const remoteFilesForLocalDev = {
50
50
  '/scripts/mod-form.js': ['/temp/scripts/', 'mod-form.js'],
51
- '/scripts/mod-utils.js': ['/temp/scripts/', 'mod-utils.js']
51
+ '/scripts/mod-utils.js': ['/temp/scripts/', 'mod-utils.js'],
52
+ '/scripts/qs-form.js': ['/temp/scripts/', 'qs-form.js']
52
53
  };
53
54
 
54
55
  if (!nodeEnv) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-build",
3
- "version": "3.4.26-beta.4",
3
+ "version": "3.4.28",
4
4
  "description": "Share components for S3 sites.",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -0,0 +1,68 @@
1
+ @import './contact-us';
2
+ @import './modal-pages';
3
+
4
+ .footer {
5
+ background-color: $color-gray-dark;
6
+ color: $color-white;
7
+ font-family: $font-secondary;
8
+ font-size: 10px;
9
+ font-weight: 500;
10
+ padding: 35px 0;
11
+ text-align: center;
12
+
13
+ &__head-link {
14
+ display: block;
15
+ font-size: 14px;
16
+ margin: 0 auto 20px;
17
+
18
+ a {
19
+ color: $color-white;
20
+ text-decoration: underline;
21
+
22
+ &:active,
23
+ &:hover,
24
+ &:focus {
25
+ color: $color-charcoal3;
26
+ }
27
+ }
28
+ }
29
+
30
+ &__links {
31
+ display: flex;
32
+ flex-wrap: wrap;
33
+ justify-content: center;
34
+
35
+ a {
36
+ color: $color-white;
37
+ cursor: pointer;
38
+ margin: 0 5px;
39
+
40
+ &:active,
41
+ &:hover,
42
+ &:focus {
43
+ color: $color-charcoal3;
44
+ }
45
+ }
46
+
47
+ li + li {
48
+ &::before {
49
+ content: '|';
50
+ }
51
+ }
52
+ }
53
+
54
+ &__copyright {
55
+ font-weight: 500;
56
+ margin-bottom: 0;
57
+ }
58
+
59
+ @include breakpoint-sm {
60
+ font-size: 12px;
61
+
62
+ &__links {
63
+ a {
64
+ margin: 0 10px;
65
+ }
66
+ }
67
+ }
68
+ }
@@ -0,0 +1,79 @@
1
+ .footer {
2
+ @include font-primary-medium;
3
+ color: $color-charcoal3;
4
+ font-size: 14px;
5
+ line-height: 14px;
6
+ text-align: center;
7
+
8
+ a {
9
+ color: $color-purple5;
10
+ white-space: nowrap;
11
+ }
12
+
13
+ &__content {
14
+ overflow: hidden;
15
+ padding-bottom: 15px;
16
+ }
17
+
18
+ &__links {
19
+ margin: 20px 0;
20
+
21
+ a {
22
+ color: $color-blue5;
23
+
24
+ & + a {
25
+ margin-left: 35px;
26
+ }
27
+ }
28
+ }
29
+
30
+ &__captcha-disclosure {
31
+ margin-top: 5px;
32
+
33
+ a {
34
+ color: $color-blue5;
35
+ }
36
+ }
37
+
38
+ &__bbb-logo {
39
+ height: 47px;
40
+ margin-top: 20px;
41
+ max-width: 130px;
42
+ }
43
+
44
+ & .contractor-link {
45
+ display: block;
46
+ font-size: 14px;
47
+ margin: 20px auto 10px;
48
+ }
49
+ }
50
+
51
+ @include breakpoint-phone {
52
+ .footer {
53
+ .container {
54
+ max-width: 100%;
55
+ }
56
+
57
+ &__copyright {
58
+ margin-top: 20px;
59
+ }
60
+
61
+ &__links {
62
+ display: flex;
63
+ flex-direction: column;
64
+ margin: 5px 0 0;
65
+
66
+ a {
67
+ margin-top: 15px;
68
+
69
+ & + a {
70
+ margin-left: 0;
71
+ }
72
+ }
73
+ }
74
+
75
+ &__captcha-disclosure {
76
+ margin-top: 15px;
77
+ }
78
+ }
79
+ }
@@ -0,0 +1,64 @@
1
+ .footer {
2
+ @include font-primary-medium;
3
+ color: $color-charcoal3;
4
+ font-size: 12px;
5
+ line-height: 14px;
6
+ text-align: center;
7
+
8
+ &__content {
9
+ overflow: hidden;
10
+ padding: 0 0 15px;
11
+ }
12
+
13
+ &__links {
14
+ margin-top: 10px;
15
+ text-align: center;
16
+
17
+ a {
18
+ @include font-primary-bold;
19
+ color: $color-blue5;
20
+ }
21
+
22
+ a + a {
23
+ &::before {
24
+ color: $color-charcoal2;
25
+ content: ' / ';
26
+ }
27
+ }
28
+ }
29
+
30
+ &__bbb-logo {
31
+ height: 47px;
32
+ margin: 15px auto;
33
+ max-width: 130px;
34
+ }
35
+
36
+ & .contractor-link {
37
+ display: block;
38
+ font-size: 14px;
39
+ margin: 20px auto 10px;
40
+ }
41
+ }
42
+
43
+ @include breakpoint-phone {
44
+ .footer {
45
+ text-align: center;
46
+
47
+ .container {
48
+ max-width: 100%;
49
+ }
50
+
51
+ &__copyright {
52
+ float: none;
53
+ }
54
+
55
+ &__captcha-disclosure {
56
+ margin-top: 8px;
57
+ }
58
+
59
+ &__links {
60
+ margin-top: 5px;
61
+ text-align: center;
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,65 @@
1
+ .footer {
2
+ @include font-primary-medium;
3
+ color: $color-charcoal3;
4
+ font-size: 12px;
5
+ line-height: 14px;
6
+ text-align: center;
7
+
8
+ a {
9
+ color: $color-purple5;
10
+ white-space: nowrap;
11
+ }
12
+
13
+ &__content {
14
+ overflow: hidden;
15
+ padding: 15px 0;
16
+ }
17
+
18
+ &__links {
19
+ margin-top: 10px;
20
+ text-align: center;
21
+
22
+ a {
23
+ @include font-primary-bold;
24
+ color: $color-blue5;
25
+ }
26
+
27
+ a + a {
28
+ &::before {
29
+ color: $color-charcoal3;
30
+ content: ' | ';
31
+ }
32
+ }
33
+ }
34
+
35
+ &__bbb {
36
+ height: 47px;
37
+ margin-top: 20px;
38
+ max-width: 130px;
39
+ }
40
+
41
+ & .contractor-link {
42
+ display: block;
43
+ font-size: 14px;
44
+ margin: 20px auto 10px;
45
+ }
46
+ }
47
+
48
+ @include breakpoint-phone {
49
+ .footer {
50
+ text-align: center;
51
+
52
+ .container {
53
+ max-width: 100%;
54
+ }
55
+
56
+ &__copyright {
57
+ float: none;
58
+ }
59
+
60
+ &__links {
61
+ margin-top: 5px;
62
+ text-align: center;
63
+ }
64
+ }
65
+ }
@@ -1,7 +1,9 @@
1
1
  <div class="footer">
2
2
  <div class="container">
3
+ {{#xif "this.hideBbb !== true" }}
3
4
  <img src="{{assetsPath}}/images/logos/misc/bbb.svg" alt="BBB Accredited Logo" class="footer__bbb-logo footer__bbb">
4
- <div class="footer__links">
5
+ {{/xif}}
6
+ <div class="footer__links contractor-link">
5
7
  {{quoteFooterData.contractor.text}}
6
8
  <a target="_blank" href="{{quoteFooterData.contractor.link}}" rel="noopener noreferrer">
7
9
  {{quoteFooterData.contractor.linkText}}
@@ -1,6 +1,8 @@
1
1
  <div class="footer container">
2
- <img src="{{assetsPath}}/images/logos/misc/bbb.svg" alt="BBB Accredited Logo" class="footer__bbb-logo footer__bbb">
3
- <div class="footer__links">
2
+ {{#xif "this.hideBbb !== true" }}
3
+ <img src="{{assetsPath}}/images/logos/misc/bbb.svg" alt="BBB Accredited Logo" class="footer__bbb-logo footer__bbb">
4
+ {{/xif}}
5
+ <div class="footer__links contractor-link">
4
6
  {{quoteFooterData.contractor.text}}
5
7
  <a target="_blank" href="{{quoteFooterData.contractor.link}}" rel="noopener noreferrer">
6
8
  {{quoteFooterData.contractor.linkText}}