slow-steps 0.3.1 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/_config.yml +3 -3
  4. data/_includes/contact-form.html +1 -1
  5. data/_includes/cookie-consent.html +21 -0
  6. data/_includes/footer/footer.html +64 -7
  7. data/_includes/footer/footer_redesign.html +139 -0
  8. data/_includes/forms/mc-register.html +124 -110
  9. data/_includes/functions/calc-svg-coord.html +2 -0
  10. data/_includes/functions/reposition-svg-labels.html +44 -0
  11. data/_includes/head/descriptors/og-meta.html +0 -1
  12. data/_includes/head/descriptors/structured-data.html +3 -3
  13. data/_includes/head/descriptors/twitter-meta.html +1 -1
  14. data/_includes/{google-analytics.html → head/google-analytics.html} +9 -2
  15. data/_includes/head/head.html +6 -4
  16. data/_includes/head/stylesheets.html +3 -0
  17. data/_includes/image-post.html +1 -1
  18. data/_includes/navigation/global.html +65 -44
  19. data/_includes/scripts.html +3 -1
  20. data/_layouts/about.html +1 -1
  21. data/_layouts/careers.html +1 -1
  22. data/_layouts/contact.html +1 -1
  23. data/_layouts/default.html +4 -1
  24. data/_layouts/env/clinician.html +8 -8
  25. data/_layouts/env/landing.html +6 -6
  26. data/_layouts/env/pwp.html +4 -4
  27. data/_layouts/error-page.html +1 -1
  28. data/_layouts/faq.html +4 -1
  29. data/_layouts/feed.html +2 -2
  30. data/_layouts/full-width.html +1 -1
  31. data/_layouts/post.html +2 -2
  32. data/_layouts/register.html +1 -1
  33. data/_sass/_colors/_variables.sass +2 -0
  34. data/_sass/_functions.sass +9 -0
  35. data/_sass/_mixins.sass +6 -3
  36. data/_sass/about.sass +3 -1
  37. data/_sass/breakpoints/about.sass +11 -2
  38. data/_sass/collage.sass +1 -1
  39. data/_sass/contact.sass +2 -2
  40. data/_sass/env/breakpoints/768.sass +16 -11
  41. data/_sass/env/clinician.sass +12 -7
  42. data/_sass/env/landing.sass +18 -3
  43. data/_sass/env/pwp.sass +11 -2
  44. data/_sass/faq.sass +9 -1
  45. data/_sass/feed.sass +2 -2
  46. data/_sass/footer.sass +174 -14
  47. data/_sass/footer_redesign.sass +353 -0
  48. data/_sass/forms/mc-forms.sass +9 -0
  49. data/_sass/global.sass +89 -8
  50. data/_sass/navigation/_variables.sass +3 -3
  51. data/_sass/navigation/base.sass +14 -4
  52. data/_sass/navigation/breakpoints/1024.sass +48 -9
  53. data/_sass/navigation/burger.sass +1 -1
  54. data/_sass/typography/_variables.sass +1 -1
  55. data/_sass/typography/resets.sass +2 -2
  56. data/assets/css/env/gaitq_clinician.sass +1 -1
  57. data/assets/css/env/gaitq_landing.sass +1 -1
  58. data/assets/css/env/gaitq_pwp.sass +1 -1
  59. data/assets/css/gaitq_errors.sass +13 -1
  60. data/assets/js/mobile-nav-slider.js +1 -1
  61. data/assets/js/svg_text_width.js +4 -4
  62. metadata +7 -6
  63. data/_includes/footer/footer_full.html +0 -79
  64. data/_includes/functions/pull_page_args.html +0 -31
  65. data/_sass/footer_full.sass +0 -183
data/_sass/feed.sass CHANGED
@@ -65,13 +65,13 @@
65
65
 
66
66
  .feed__card--title
67
67
  transition: .2s ease-in-out
68
- font-weight: 600
68
+ font-weight: $heavy-font
69
69
 
70
70
  .feed__card--meta
71
71
  font-size: $font-size * .5
72
72
  padding: 0
73
73
  & > span
74
- font-weight: 600
74
+ font-weight: $heavy-font
75
75
 
76
76
  @media screen and ( min-width: 768px )
77
77
 
data/_sass/footer.sass CHANGED
@@ -1,23 +1,183 @@
1
- .ft__wrap
2
- max-width: 100vw
3
- background-color: $opd-grey
4
- padding: 3rem 2rem
1
+
2
+
3
+ .ft__wrapper
4
+ @include footer-bg($opd-blue)
5
+ border-top: solid 1px $white
6
+ color: $white
7
+ display: flex
8
+ flex-wrap: wrap
9
+ padding: 5vh 5vw
10
+
11
+ .social-media-link
12
+ font-size: $font-size
13
+ padding-right: $sm-font-size
14
+ //color: $white
15
+
16
+
17
+ .ft__head
18
+ display: flex
19
+ margin: 5vh 5vw
20
+ width: 100%
21
+
22
+ .ft__body
23
+ display: flex
24
+ flex-direction: column-reverse
25
+ flex-wrap: wrap
26
+ margin: 5vh 0
27
+ width: 90vw
28
+
29
+ .ft__col
30
+ //border-left: solid 1px rgba($opd-light-blue, .05)
31
+ box-sizing: border-box
32
+ padding: 0 5vw
33
+ width: 90vw
34
+
35
+ .ft__contact--list
36
+ display: block
37
+ font-size: $font-size * .8
38
+ list-style: none
39
+ padding: 0
40
+ text-decoration: none
41
+ li
42
+ line-height: 5rem
43
+ .address
44
+ line-height: 2.5rem
45
+
46
+ .ft__contact
47
+ .site__logo
48
+ @include logo-color($white)
49
+ width: 40vw
50
+
51
+ .ft__sitemap
52
+ .ft__sitemap--env-header
53
+ font-size: $font-size * 1
54
+ font-weight: $heavy-font
55
+ .ft__sitemap--submenu
56
+ font-size: $font-size * .8
5
57
 
6
58
  .ft__base
7
- font-size: 1rem
59
+ align-items: center
60
+ border-top: solid 1px $opd-light-blue
8
61
  display: flex
9
- flex-direction: row
10
- justify-content: space-between
62
+ flex-wrap: wrap
11
63
 
12
- .legal-links, .owner-links
64
+ justify-content: space-around
65
+ min-width: 100%
66
+ width: 100%
67
+ a,
68
+ p
69
+ color: inherit
70
+ font-size: $font-size * .7
71
+ margin: 0
72
+ padding: .5rem .1rem
73
+ text-decoration: none
74
+
75
+ .legal-links
13
76
  display: flex
14
77
  flex-direction: column
15
78
  justify-content: space-between
16
- a
79
+
80
+ .ft__sitemap--header
81
+ border-bottom: 1px solid $opd-light-blue
82
+ color: $pure-white
83
+ font-size: 2rem
84
+ font-weight: $heavy-font
85
+ margin-bottom: 3rem
86
+ width: 100%
87
+
88
+ .ft__sitemap--menu,
89
+ .ft__sitemap--submenu
90
+ padding: 0
91
+ width: 100%
92
+
93
+ .ft__sitemap--submenu
94
+ padding-bottom: 2rem
95
+ li
96
+ display: block
97
+ line-height: 3rem
98
+ list-style: none
99
+
100
+ .ft--link
101
+ color: $pure-white
102
+
103
+ .ft__sitemap--env-wrap
104
+ display: flex
105
+ flex-direction: column
106
+ flex-wrap: wrap
107
+
108
+ .ft__sitemap--env
109
+ width: 100%
110
+
111
+ @media screen and ( min-width: 768px )
112
+
113
+ .ft__wrapper
114
+ border: none
115
+
116
+ .ft__body
117
+ flex-direction: row
118
+
119
+ .ft__col
120
+ width: 20vw
121
+
122
+ .ft__col.ft__sitemap
123
+ width: 60vw
124
+
125
+ .ft__contact--list
126
+ font-size: $font-size * .8
127
+ li
128
+ line-height: 4rem
129
+ .address
130
+ line-height: 2rem
131
+
132
+ .ft__contact
133
+ .site__logo
134
+ width: 10vw
135
+
136
+ .ft__sitemap
137
+ .ft__sitemap--env-header
138
+ font-size: $font-size * .9
139
+ .ft__sitemap--submenu
140
+ font-size: $font-size * .8
141
+
142
+ .ft__base
143
+ justify-content: space-between
144
+ a,
145
+ p
146
+ font-size: $font-size * .7
147
+
148
+ .legal-links
149
+ flex-direction: row
150
+ a
151
+ &::after
152
+ content: " |"
153
+
154
+ &:last-child
155
+ &::after
156
+ content: ""
157
+
158
+ .copyright
159
+ &::after
160
+ content: ' Ltd.'
161
+
162
+ .ft__sitemap--header
163
+ font-size: 1.8rem
164
+
165
+ .ft__sitemap--submenu li a
17
166
  text-decoration: none
18
- color: $black
19
- a, p
20
- padding: .4rem 0
21
167
 
22
- .legal-links
23
- text-align: right
168
+ .ft__sitemap--submenu
169
+ li
170
+ transition: .2s ease-in-out
171
+
172
+ &:hover > li
173
+ opacity: .5
174
+
175
+ li
176
+ &:hover
177
+ opacity: 1
178
+
179
+ .ft__sitemap--env-wrap
180
+ flex-direction: row
181
+
182
+ .ft__sitemap--env
183
+ width: 50%
@@ -0,0 +1,353 @@
1
+ .ft__wrapper
2
+ @include footer-bg($opd-blue)
3
+ color: $white
4
+ padding: 5vh 5vw
5
+ font-size: $sm-font-size
6
+
7
+ .ft__body
8
+ display: flex
9
+ flex-direction: column-reverse
10
+ width: 100%
11
+ padding: 6rem 0
12
+ justify-content: space-between
13
+
14
+ .ft__company
15
+ display: flex
16
+
17
+ .ft__company__logo
18
+ @include logo-color($white)
19
+ padding-bottom: 3rem
20
+
21
+ & > .site__logo
22
+ height: 5rem
23
+ &::after
24
+ content: 'Limited'
25
+ position: absolute
26
+ font-size: $sm-font-size
27
+ transform: translate(-5rem, 4rem)
28
+
29
+ .ft__company__no
30
+ padding-bottom: 2rem
31
+
32
+ .ft__company__add > ul
33
+ list-style: none
34
+ padding: 0
35
+ margin: 0
36
+ text-decoration: none
37
+
38
+ .address
39
+ line-height: $font-size
40
+ & > *
41
+ padding-bottom: 1rem
42
+
43
+ .ft__sitemap
44
+
45
+ //width: 40vw
46
+
47
+ .ft__sitemap
48
+ margin-top: 6rem
49
+
50
+
51
+ .ft__sitemap--submenu
52
+ font-size: inherit
53
+
54
+
55
+ .ft__sitemap--header
56
+ border-bottom: 1px solid $opd-light-blue
57
+ margin-bottom: 3rem
58
+ width: 100%
59
+
60
+ .ft__sitemap--env-wrap
61
+ display: flex
62
+ flex-direction: column
63
+
64
+ .ft__sitemap--env
65
+ //margin-right: 8rem
66
+
67
+ .ft__sitemap--env-header
68
+ margin-bottom: 2rem
69
+
70
+ .ft__sitemap--submenu
71
+ padding: 0
72
+
73
+ li
74
+ //line-height: 2rem
75
+ list-style: none
76
+
77
+ &:last-child
78
+ @include default-trans
79
+ margin: auto
80
+ margin-top: 2rem
81
+ margin-bottom: 4rem
82
+ background-color: $opd-coral
83
+ text-align: center
84
+ padding: 1rem
85
+ width: 70vw
86
+ border-radius: 6px
87
+ cursor: pointer
88
+ text-transform: uppercase
89
+ a
90
+ text-decoration: none
91
+
92
+
93
+ .ft__sitemap--link
94
+ //text-decoration: none
95
+ color: inherit
96
+ line-height: 3rem
97
+
98
+ .ft__contact
99
+ //width: 20vw
100
+ text-align: center
101
+
102
+ .ft__contact--header
103
+ padding-bottom: 3rem
104
+
105
+ ul
106
+ list-style: none
107
+ padding: 0
108
+ margin: 0
109
+
110
+ .ft__contact--link
111
+ padding: 1rem 0
112
+
113
+ i
114
+ padding-right: 1rem
115
+
116
+ & > a
117
+ color: inherit
118
+
119
+
120
+ .social-media
121
+ padding-top: 4rem
122
+ display: flex
123
+ justify-content: space-around
124
+ i
125
+ font-size: 3rem
126
+
127
+
128
+ .ft__base
129
+
130
+ border-top: solid 1px $opd-light-blue
131
+ text-align: center
132
+
133
+ a,
134
+ p
135
+ color: inherit
136
+ font-size: $sm-font-size
137
+ margin: 0
138
+ padding: 1rem .1rem
139
+ text-decoration: none
140
+
141
+ .legal-links
142
+ display: flex
143
+ justify-content: center
144
+
145
+ flex-direction: row
146
+ a
147
+ &::after
148
+ content: " |"
149
+
150
+ &:last-child
151
+ &::after
152
+ content: ""
153
+
154
+ .copyright
155
+ &::after
156
+ content: ' Limited'
157
+
158
+ .ft__sitemap--submenu
159
+ li
160
+ transition: .2s ease-in-out
161
+
162
+ &:hover > li
163
+ opacity: .5
164
+
165
+ li
166
+ &:hover
167
+ opacity: 1
168
+
169
+
170
+ @media screen and ( min-width: 768px )
171
+
172
+ .ft__wrapper
173
+ @include footer-bg($opd-blue)
174
+ color: $white
175
+ padding: 5vh 5vw
176
+ font-size: $sm-font-size
177
+
178
+ .ft__body
179
+ display: flex
180
+ flex-direction: row
181
+ width: 90vw
182
+ padding: 10rem 0
183
+ justify-content: space-between
184
+
185
+ .ft__company
186
+ width: 20vw
187
+ display: flex
188
+
189
+ .ft__company__logo
190
+ @include logo-color($white)
191
+ padding-bottom: 3rem
192
+ & > .site__logo
193
+ height: 7rem
194
+ &::after
195
+ content: 'Limited'
196
+ position: absolute
197
+ font-size: $font-size
198
+ transform: translate(-7rem, 6rem)
199
+
200
+ .ft__company__no
201
+ padding-bottom: 2rem
202
+
203
+ .ft__company__add > ul
204
+ list-style: none
205
+ padding: 0
206
+ margin: 0
207
+ text-decoration: none
208
+
209
+ .address
210
+ line-height: $font-size + 1rem
211
+ & > *
212
+ padding-bottom: 1rem
213
+
214
+ .ft__company--link
215
+ padding: 2rem 0
216
+
217
+ & > a
218
+ text-decoration: none
219
+ color: inherit
220
+
221
+ .ft__sitemap
222
+ width: 40vw
223
+
224
+ .ft__sitemap, .ft__contact
225
+ margin-top: 0
226
+
227
+
228
+ .ft__sitemap--submenu
229
+ font-size: inherit
230
+
231
+
232
+ .ft__sitemap--header
233
+ border-bottom: 1px solid $opd-light-blue
234
+ margin-bottom: 3rem
235
+ width: 80%
236
+
237
+ .ft__sitemap--env-wrap
238
+ display: flex
239
+ flex-direction: row
240
+
241
+ .ft__sitemap--env
242
+ margin-right: 8rem
243
+
244
+ .ft__sitemap--env-header
245
+ margin-bottom: 2rem
246
+
247
+ .ft__sitemap--submenu
248
+ padding: 0
249
+
250
+ li
251
+ line-height: 3rem
252
+ list-style: none
253
+
254
+ &:last-child
255
+ //margin-top: 5rem
256
+ margin-bottom: 8rem
257
+ width: auto
258
+ border: solid 1px $opd-coral
259
+
260
+ .ft__sitemap--link
261
+ @include default-trans
262
+ text-align: center
263
+ padding: 2rem 3rem
264
+ width: auto
265
+ border-radius: 6px
266
+ cursor: pointer
267
+ text-transform: uppercase
268
+ &:hover
269
+ background-color: rgba($opd-coral,.3)
270
+ border: solid 1px $pure-white
271
+
272
+ .ft__sitemap--link
273
+ text-decoration: none
274
+ color: inherit
275
+ line-height: 4rem
276
+
277
+ .ft__contact
278
+ width: 20vw
279
+ text-align: left
280
+
281
+ .ft__contact--header
282
+ padding-bottom: 3rem
283
+
284
+ ul
285
+ list-style: none
286
+ padding: 0
287
+ margin: 0
288
+
289
+ .ft__contact--link
290
+ padding: 2rem 0
291
+
292
+ i
293
+ padding-right: 2rem
294
+
295
+ & > a
296
+ @include default-trans
297
+ color: inherit
298
+ text-decoration: none
299
+
300
+ &:hover > a
301
+ color: $opd-coral
302
+
303
+ .social-media
304
+ padding-top: 6rem
305
+ justify-content: flex-start
306
+ i
307
+ font-size: 4rem
308
+ padding-right: 5rem
309
+
310
+ .ft__base
311
+ align-items: center
312
+ border-top: solid 1px $opd-light-blue
313
+ display: flex
314
+ flex-wrap: wrap
315
+
316
+ justify-content: space-between
317
+ min-width: 100%
318
+ width: 100%
319
+ a,
320
+ p
321
+ color: inherit
322
+ font-size: $sm-font-size
323
+ margin: 0
324
+ padding: .5rem .1rem
325
+ text-decoration: none
326
+
327
+ .legal-links
328
+ display: flex
329
+ justify-content: space-between
330
+
331
+ flex-direction: row
332
+ a
333
+ &::after
334
+ content: " |"
335
+
336
+ &:last-child
337
+ &::after
338
+ content: ""
339
+
340
+ .copyright
341
+ &::after
342
+ content: ' Limited'
343
+
344
+ .ft__sitemap--submenu
345
+ li
346
+ transition: .2s ease-in-out
347
+
348
+ &:hover > li
349
+ opacity: .5
350
+
351
+ li
352
+ &:hover
353
+ opacity: 1