slow-steps 0.1.10 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,7 +3,7 @@
3
3
  .contact__wrapper
4
4
  display: flex
5
5
  width: 100%
6
- background-color: $white
6
+ background-color: $pure-white
7
7
  padding: 5rem 0
8
8
  flex-direction: column
9
9
 
@@ -24,6 +24,7 @@
24
24
  display: block
25
25
 
26
26
  form
27
+ background-color: $white
27
28
  border: solid 1px rgba($env-primary, .2)
28
29
  border-radius: 4px
29
30
  padding: 2rem
@@ -32,12 +33,12 @@
32
33
  color: $black
33
34
 
34
35
  .google-map
35
- //grid-area: googleMap
36
36
  width: 100%
37
37
 
38
38
  //padding: 0 5rem
39
39
  //filter: sepia(.3)
40
40
  iframe
41
+ border-radius: 4px
41
42
  width: 100%
42
43
  height: 40vh
43
44
  border: solid 1px rgba($env-primary, .2)
@@ -109,7 +110,6 @@
109
110
  display: flex
110
111
  flex-direction: row
111
112
  width: 100%
112
- background-color: $white
113
113
  padding: 5rem 0
114
114
 
115
115
  .contact--left
@@ -11,6 +11,8 @@
11
11
  width: 60%
12
12
 
13
13
  .faq__question
14
+ display: flex
15
+ justify-content: space-between
14
16
  width: 100%
15
17
  padding: 1rem 0
16
18
  background-color: rgba($opd-blue-trust, .2)
@@ -21,9 +23,13 @@
21
23
  &:hover
22
24
  background-color: rgba($opd-blue-trust, 1)
23
25
 
24
- & > *
26
+ & > .faq__question--title
25
27
  padding-left: 1rem
26
28
 
29
+ & > .fas
30
+ padding-right: 1rem
31
+ transition: .4s ease-in-out
32
+
27
33
  .faq__answer
28
34
  max-height: 0
29
35
  overflow: hidden
@@ -35,3 +41,22 @@
35
41
  .faq__answer--reveal
36
42
  max-height: 1000px
37
43
  transition: .6s ease-in-out
44
+
45
+ .faq__question--reveal
46
+ & > .fas
47
+ transform: rotateX(180deg) translateY(.5rem)
48
+
49
+ .faq__contact
50
+ width: 100vw
51
+ background-color: lighten($env-primary, 0%)
52
+ padding: 4rem 0
53
+
54
+ .contact-form
55
+ width: 95%
56
+ margin: auto
57
+ max-width: 600px
58
+
59
+ .faq__contact--strap
60
+ text-align: center
61
+ padding: 4rem 0
62
+ color: $white
@@ -6,7 +6,7 @@
6
6
  width: 80vw
7
7
  max-width: 1200px
8
8
  margin: auto
9
-
9
+
10
10
 
11
11
  .post__feed
12
12
  display: flex
@@ -19,10 +19,10 @@
19
19
  .feed__card
20
20
  display: flex
21
21
  flex-direction: column
22
- width: 200px
22
+ //width: 200px
23
23
  max-width: 360px
24
24
  //height: 220px
25
- margin: 20px
25
+ //margin: 20px
26
26
  overflow: hidden
27
27
  border-radius: 0
28
28
  //box-shadow: 0 0 6px rgba($env-primary,.8)
@@ -68,7 +68,7 @@
68
68
 
69
69
  .feed__card--meta
70
70
  font-size: $font-size * .5
71
- padding: 1rem 0
71
+ padding: 0
72
72
  & > span
73
73
  font-weight: 600
74
74
 
@@ -76,3 +76,14 @@
76
76
 
77
77
  .feed__card--meta
78
78
  font-size: $font-size * .7
79
+
80
+ .feed__card
81
+ display: flex
82
+ flex-direction: column
83
+ width: 200px
84
+ max-width: 360px
85
+ //height: 220px
86
+ margin: 20px
87
+ overflow: hidden
88
+ border-radius: 0
89
+ //box-shadow: 0 0 6px rgba($env-primary,.8)
@@ -88,7 +88,7 @@
88
88
  line-height: 3rem
89
89
  list-style: none
90
90
 
91
- .ft__sitemap--submenu li a
91
+ .ft--link
92
92
  color: $pure-white
93
93
 
94
94
  .ft__sitemap--env-wrap
@@ -114,7 +114,7 @@
114
114
  width: 60vw
115
115
 
116
116
  .ft__contact--list
117
- font-size: $font-size * .7
117
+ font-size: $font-size * .8
118
118
  li
119
119
  line-height: 4rem
120
120
  .address
@@ -126,14 +126,14 @@
126
126
 
127
127
  .ft__sitemap
128
128
  .ft__sitemap--env-header
129
- font-size: $font-size * .8
129
+ font-size: $font-size * .9
130
130
  .ft__sitemap--submenu
131
- font-size: $font-size * .7
131
+ font-size: $font-size * .8
132
132
 
133
133
  .ft__base
134
134
  a,
135
135
  p
136
- font-size: $font-size * .6
136
+ font-size: $font-size * .7
137
137
 
138
138
  .legal-links
139
139
  flex-direction: row
@@ -15,15 +15,21 @@
15
15
  -ms-transition: none !important
16
16
  -o-transition: none !important
17
17
 
18
+ *
19
+ box-sizing: border-box
20
+
18
21
  body
19
22
  background-color: $white
20
23
 
21
24
  .fullwidth__wrap
22
- width: 90vw
23
- max-width: 800px
24
- margin: auto
25
- margin-top: $navbar-height + $secondary-navbar-height + 5vh
25
+ background-color: $white
26
+ width: 100vw
27
+ padding-top: $navbar-height + $secondary-navbar-height + 5vh
28
+ & > *
29
+ margin: auto
30
+ max-width: 800px
26
31
  & > p
32
+
27
33
  padding: 3rem 0
28
34
  & > ol li, ul li
29
35
  padding: 1rem 0
@@ -132,6 +138,12 @@ body
132
138
  transform: scaleY(2)
133
139
 
134
140
 
141
+ .image--caption
142
+ font-size: $font-size * .7
143
+ color: $grey
144
+ padding: 1rem 0
145
+ text-align: center
146
+
135
147
  // Block colors and sizes
136
148
  .strap--opd-trust
137
149
  @include opd-blue-trust
@@ -240,21 +252,8 @@ $svg-text-offset: 60px
240
252
  stop-opacity: 1
241
253
 
242
254
  .svg__augment--pulse
243
- animation: pulse-ring 2s $bezier-pulse infinite
244
255
  fill: $led
245
256
 
246
- @keyframes pulse-ring
247
- 0%
248
- opacity: .5
249
- r: .1
250
-
251
- 50%
252
- opacity: .2
253
-
254
- 100%
255
- opacity: 0
256
- r: 2
257
-
258
257
 
259
258
  // Social icons wraped in <a's
260
259
  .social
@@ -92,6 +92,7 @@ $brand-height: 55%
92
92
  width: 100vw
93
93
  padding: 0
94
94
  height: $secondary-navbar-height
95
+ //max-height: 100px
95
96
  backdrop-filter: blur(20px)
96
97
 
97
98
  .nav-group-content .nav-link
@@ -54,6 +54,7 @@
54
54
  transform: translateX(100%)
55
55
  transition: $nav-slider-transition
56
56
  width: 100vw
57
+ box-sizing: content-box
57
58
 
58
59
  .nav-link
59
60
  margin: 6vh 15vw
@@ -42,7 +42,7 @@
42
42
  padding: 3rem 0
43
43
 
44
44
  .post__subtitle
45
- padding: 5rem 0
45
+ padding: 1rem 0
46
46
 
47
47
  .post__image
48
48
  width: 60vw
@@ -57,11 +57,6 @@
57
57
  width: 100%
58
58
  height: 50vh
59
59
 
60
- .post__image--caption
61
- font-size: $font-size * .7
62
- color: $grey
63
- padding: 1rem 0
64
- text-align: center
65
60
  .post__link
66
61
  color: $opd-blue-confidence
67
62
  text-decoration: none
@@ -36,3 +36,5 @@ $baseurl: '{{ site.baseurl }}/'
36
36
  @import 'contact'
37
37
 
38
38
  @import 'faq'
39
+
40
+ @import 'collage'
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: slow-steps
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.10
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Made Slowly
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-01-16 00:00:00.000000000 Z
11
+ date: 2021-01-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -170,16 +170,16 @@ dependencies:
170
170
  - - ">="
171
171
  - !ruby/object:Gem::Version
172
172
  version: 12.3.3
173
- description:
173
+ description: Designed to have two distinct styling, depending on current URL.
174
174
  email:
175
175
  - arran@madeslowly.co.uk
176
176
  executables: []
177
177
  extensions: []
178
178
  extra_rdoc_files: []
179
179
  files:
180
+ - LICENSE
180
181
  - README.md
181
182
  - _config.yml
182
- - _includes/.DS_Store
183
183
  - _includes/branding/site-logo.svg
184
184
  - _includes/build-version.html
185
185
  - _includes/contact-details.html
@@ -195,19 +195,20 @@ files:
195
195
  - _includes/functions/pull_page_args.html
196
196
  - _includes/gmap.html
197
197
  - _includes/google-analytics.html
198
- - _includes/head/.DS_Store
199
198
  - _includes/head/README.md
200
199
  - _includes/head/descriptors/og-meta.html
201
200
  - _includes/head/descriptors/structured-data.html
202
201
  - _includes/head/descriptors/twitter-meta.html
203
202
  - _includes/head/env/conditional.html
204
203
  - _includes/head/head.html
204
+ - _includes/image-post.html
205
205
  - _includes/image.html
206
206
  - _includes/link.html
207
207
  - _includes/navigation/global.html
208
208
  - _includes/scripts.html
209
209
  - _includes/vimeoPlayer.html
210
210
  - _layouts/about.html
211
+ - _layouts/careers.html
211
212
  - _layouts/compress.html
212
213
  - _layouts/contact.html
213
214
  - _layouts/default.html
@@ -226,6 +227,7 @@ files:
226
227
  - _sass/about.sass
227
228
  - _sass/aos-overrides.sass
228
229
  - _sass/breakpoints/about.sass
230
+ - _sass/collage.sass
229
231
  - _sass/colors/_variables.sass
230
232
  - _sass/colors/breakpoints/1024.sass
231
233
  - _sass/colors/burger.sass
@@ -291,6 +293,7 @@ files:
291
293
  - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.ttf
292
294
  - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff
293
295
  - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff2
296
+ - assets/images/augmented_image.png
294
297
  - assets/js/animate_after_load.js
295
298
  - assets/js/calc-mobile-viewport.js
296
299
  - assets/js/mobile-nav-slider.js
@@ -322,5 +325,5 @@ requirements: []
322
325
  rubygems_version: 3.1.2
323
326
  signing_key:
324
327
  specification_version: 4
325
- summary: Bespoke Jekyll theme for GaitQ.
328
+ summary: A bold jekyll theme
326
329
  test_files: []
Binary file
Binary file