slow-steps 0.3.2 → 0.4.3

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 (67) 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 +1 -2
  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 +3 -1
  18. data/_includes/image.html +1 -1
  19. data/_includes/navigation/global.html +20 -4
  20. data/_includes/scripts.html +3 -1
  21. data/_layouts/about.html +1 -1
  22. data/_layouts/careers.html +1 -1
  23. data/_layouts/contact.html +1 -1
  24. data/_layouts/default.html +4 -1
  25. data/_layouts/env/clinician.html +8 -8
  26. data/_layouts/env/landing.html +6 -6
  27. data/_layouts/env/pwp.html +4 -4
  28. data/_layouts/error-page.html +1 -1
  29. data/_layouts/faq.html +4 -1
  30. data/_layouts/feed.html +3 -3
  31. data/_layouts/full-width.html +1 -1
  32. data/_layouts/post.html +3 -3
  33. data/_layouts/register.html +1 -1
  34. data/_sass/_colors/_variables.sass +2 -0
  35. data/_sass/_functions.sass +9 -0
  36. data/_sass/_mixins.sass +6 -3
  37. data/_sass/about.sass +3 -1
  38. data/_sass/breakpoints/about.sass +11 -2
  39. data/_sass/collage.sass +1 -1
  40. data/_sass/contact.sass +2 -2
  41. data/_sass/env/breakpoints/768.sass +16 -11
  42. data/_sass/env/clinician.sass +12 -8
  43. data/_sass/env/landing.sass +18 -3
  44. data/_sass/env/pwp.sass +11 -3
  45. data/_sass/faq.sass +9 -1
  46. data/_sass/feed.sass +2 -2
  47. data/_sass/footer.sass +174 -14
  48. data/_sass/footer_redesign.sass +353 -0
  49. data/_sass/forms/mc-forms.sass +9 -0
  50. data/_sass/global.sass +89 -8
  51. data/_sass/navigation/_variables.sass +3 -3
  52. data/_sass/navigation/base.sass +14 -4
  53. data/_sass/navigation/breakpoints/1024.sass +48 -9
  54. data/_sass/navigation/burger.sass +1 -1
  55. data/_sass/post.sass +7 -1
  56. data/_sass/typography/_variables.sass +1 -1
  57. data/_sass/typography/resets.sass +2 -2
  58. data/assets/css/env/gaitq_clinician.sass +1 -1
  59. data/assets/css/env/gaitq_landing.sass +1 -1
  60. data/assets/css/env/gaitq_pwp.sass +1 -1
  61. data/assets/css/gaitq_errors.sass +1 -1
  62. data/assets/js/mobile-nav-slider.js +1 -1
  63. data/assets/js/svg_text_width.js +4 -4
  64. metadata +7 -6
  65. data/_includes/footer/footer_full.html +0 -79
  66. data/_includes/functions/pull_page_args.html +0 -31
  67. 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