@openstack_dev/gatsby-theme-marketing-oif-core 1.0.28 → 1.0.29

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 (4) hide show
  1. package/.prettierrc +10 -0
  2. package/netlify.toml +75 -75
  3. package/package.json +3 -1
  4. package/src/components/AnnouncementBanner/index.module.scss +48 -25
package/.prettierrc ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "singleQuote": false,
3
+ "jsxSingleQuote": false,
4
+ "semi": true,
5
+ "tabWidth": 2,
6
+ "bracketSpacing": true,
7
+ "jsxBracketSameLine": false,
8
+ "arrowParens": "always",
9
+ "trailingComma": "none"
10
+ }
package/netlify.toml CHANGED
@@ -3,263 +3,263 @@
3
3
  # Define which paths this specific [[headers]] block will cover.
4
4
  for = "/*"
5
5
  [headers.values]
6
- Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI"
6
+ Authorization = "Basic undefined"
7
7
 
8
8
  [[redirects]]
9
9
  from = "/marketplace/*"
10
- to = "https://devbranch.openstack.org/marketplace/:splat"
10
+ to = "undefined/marketplace/:splat"
11
11
  status = 200
12
12
  force = true
13
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
13
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
14
14
 
15
15
  [[redirects]]
16
16
  from = "/themes/*"
17
- to = "https://devbranch.openstack.org/themes/:splat"
17
+ to = "undefined/themes/:splat"
18
18
  status = 200
19
19
  force = true
20
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
20
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
21
21
 
22
22
  [[redirects]]
23
23
  from = "/navbar/*"
24
- to = "https://devbranch.openstack.org/navbar/:splat"
24
+ to = "undefined/navbar/:splat"
25
25
  status = 200
26
26
  force = true
27
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
27
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
28
28
 
29
29
  [[redirects]]
30
30
  from = "/framework/*"
31
- to = "https://devbranch.openstack.org/framework/:splat"
31
+ to = "undefined/framework/:splat"
32
32
  status = 200
33
33
  force = true
34
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
34
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
35
35
 
36
36
  [[redirects]]
37
37
  from = "/googlemaps/*"
38
- to = "https://devbranch.openstack.org/googlemaps/:splat"
38
+ to = "undefined/googlemaps/:splat"
39
39
  status = 200
40
40
  force = true
41
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
41
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
42
42
 
43
43
  [[redirects]]
44
44
  from = "/node_modules/*"
45
- to = "https://devbranch.openstack.org/node_modules/:splat"
45
+ to = "undefined/node_modules/:splat"
46
46
  status = 200
47
47
  force = true
48
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
48
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
49
49
 
50
50
  [[redirects]]
51
51
  from = "/maps_images/*"
52
- to = "https://devbranch.openstack.org/maps_images/:splat"
52
+ to = "undefined/maps_images/:splat"
53
53
  status = 200
54
54
  force = true
55
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
55
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
56
56
 
57
57
  [[redirects]]
58
58
  from = "/use-cases/*"
59
- to = "https://devbranch.openstack.org/use-cases/:splat"
59
+ to = "undefined/use-cases/:splat"
60
60
  status = 200
61
61
  force = true
62
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
62
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
63
63
 
64
64
  [[redirects]]
65
65
  from = "/software/*"
66
- to = "https://devbranch.openstack.org/software/:splat"
66
+ to = "undefined/software/:splat"
67
67
  status = 200
68
68
  force = true
69
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
69
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
70
70
 
71
71
  [[redirects]]
72
72
  from = "/openstack-map/*"
73
- to = "https://devbranch.openstack.org/openstack-map/:splat"
73
+ to = "undefined/openstack-map/:splat"
74
74
  status = 200
75
75
  force = true
76
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
76
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
77
77
 
78
78
  [[redirects]]
79
79
  from = "/surveys/*"
80
- to = "https://devbranch.openstack.org/surveys/:splat"
80
+ to = "undefined/surveys/:splat"
81
81
  status = 200
82
82
  force = true
83
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
83
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
84
84
 
85
85
  [[redirects]]
86
86
  from = "/user-survey/*"
87
- to = "https://devbranch.openstack.org/user-survey/:splat"
87
+ to = "undefined/user-survey/:splat"
88
88
  status = 200
89
89
  force = true
90
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
90
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
91
91
 
92
92
  [[redirects]]
93
93
  from = "/blog/*"
94
- to = "https://devbranch.openstack.org/blog/:splat"
94
+ to = "undefined/blog/:splat"
95
95
  status = 200
96
96
  force = true
97
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
97
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
98
98
 
99
99
  [[redirects]]
100
100
  from = "/marketing/*"
101
- to = "https://devbranch.openstack.org/marketing/:splat"
101
+ to = "undefined/marketing/:splat"
102
102
  status = 200
103
103
  force = true
104
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
104
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
105
105
 
106
106
  [[redirects]]
107
107
  from = "/summit/*"
108
- to = "https://devbranch.openstack.org/summit/:splat"
108
+ to = "undefined/summit/:splat"
109
109
  status = 200
110
110
  force = true
111
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
111
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
112
112
 
113
113
  [[redirects]]
114
114
  from = "/brand/*"
115
- to = "https://devbranch.openstack.org/brand/:splat"
115
+ to = "undefined/brand/:splat"
116
116
  status = 200
117
117
  force = true
118
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
118
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
119
119
 
120
120
  [[redirects]]
121
121
  from = "/community/*"
122
- to = "https://devbranch.openstack.org/community/:splat"
122
+ to = "undefined/community/:splat"
123
123
  status = 200
124
124
  force = true
125
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
125
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
126
126
 
127
127
  [[redirects]]
128
128
  from = "/events/*"
129
- to = "https://devbranch.openstack.org/events/:splat"
129
+ to = "undefined/events/:splat"
130
130
  status = 200
131
131
  force = true
132
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
132
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
133
133
 
134
134
  [[redirects]]
135
135
  from = "/ptg/*"
136
- to = "https://devbranch.openstack.org/ptg/:splat"
136
+ to = "undefined/ptg/:splat"
137
137
  status = 200
138
138
  force = true
139
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
139
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
140
140
 
141
141
  [[redirects]]
142
142
  from = "/videos/*"
143
- to = "https://devbranch.openstack.org/videos/:splat"
143
+ to = "undefined/videos/:splat"
144
144
  status = 200
145
145
  force = true
146
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
146
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
147
147
 
148
148
  [[redirects]]
149
149
  from = "/summit-video-app/*"
150
- to = "https://devbranch.openstack.org/summit-video-app/:splat"
150
+ to = "undefined/summit-video-app/:splat"
151
151
  status = 200
152
152
  force = true
153
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
153
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
154
154
 
155
155
  [[redirects]]
156
156
  from = "/news/*"
157
- to = "https://devbranch.openstack.org/summit-video-app/:splat"
157
+ to = "undefined/summit-video-app/:splat"
158
158
  status = 200
159
159
  force = true
160
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
160
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
161
161
 
162
162
  [[redirects]]
163
163
  from = "/favicon/*"
164
- to = "https://devbranch.openstack.org/favicon/:splat"
164
+ to = "undefined/favicon/:splat"
165
165
  status = 200
166
166
  force = true
167
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
167
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
168
168
 
169
169
  [[redirects]]
170
170
  from = "/errors_pages/*"
171
- to = "https://devbranch.openstack.org/errors_pages/:splat"
171
+ to = "undefined/errors_pages/:splat"
172
172
  status = 200
173
173
  force = true
174
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
174
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
175
175
 
176
176
  [[redirects]]
177
177
  from = "/speaker_bureau/*"
178
- to = "https://devbranch.openstack.org/speaker_bureau/:splat"
178
+ to = "undefined/speaker_bureau/:splat"
179
179
  status = 200
180
180
  force = true
181
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
181
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
182
182
 
183
183
  [[redirects]]
184
184
  from = "/coa/*"
185
- to = "https://devbranch.openstack.org/coa/:splat"
185
+ to = "undefined/coa/:splat"
186
186
  status = 200
187
187
  force = true
188
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
188
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
189
189
 
190
190
  [[redirects]]
191
191
  from = "/learn/*"
192
- to = "https://devbranch.openstack.org/learn/:splat"
192
+ to = "undefined/learn/:splat"
193
193
  status = 200
194
194
  force = true
195
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
195
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
196
196
 
197
197
  [[redirects]]
198
198
  from = "/Security/*"
199
- to = "https://devbranch.openstack.org/Security/:splat"
199
+ to = "undefined/Security/:splat"
200
200
  status = 200
201
201
  force = true
202
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
202
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
203
203
 
204
204
  [[redirects]]
205
205
  from = "/OpenStackIdAuthenticator/*"
206
- to = "https://devbranch.openstack.org/OpenStackIdAuthenticator/:splat"
206
+ to = "undefined/OpenStackIdAuthenticator/:splat"
207
207
  status = 200
208
208
  force = true
209
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
209
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
210
210
 
211
211
  [[redirects]]
212
212
  from = "/profile/*"
213
- to = "https://devbranch.openstack.org/profile/:splat"
213
+ to = "undefined/profile/:splat"
214
214
  status = 200
215
215
  force = true
216
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
216
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
217
217
 
218
218
  [[redirects]]
219
219
  from = "/userprofile/*"
220
- to = "https://devbranch.openstack.org/userprofile/:splat"
220
+ to = "undefined/userprofile/:splat"
221
221
  status = 200
222
222
  force = true
223
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
223
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
224
224
 
225
225
  [[redirects]]
226
226
  from = "/registration/*"
227
- to = "https://devbranch.openstack.org/registration/:splat"
227
+ to = "undefined/registration/:splat"
228
228
  status = 200
229
229
  force = true
230
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
230
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
231
231
 
232
232
  [[redirects]]
233
233
  from = "/legal/*"
234
- to = "https://devbranch.openstack.org/legal/:splat"
234
+ to = "undefined/legal/:splat"
235
235
  status = 200
236
236
  force = true
237
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
237
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
238
238
 
239
239
  [[redirects]]
240
240
  from = "/ICLA/*"
241
- to = "https://devbranch.openstack.org/ICLA/:splat"
241
+ to = "undefined/ICLA/:splat"
242
242
  status = 200
243
243
  force = true
244
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
244
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
245
245
 
246
246
  [[redirects]]
247
247
  from = "/marketplaceadmin/*"
248
- to = "https://devbranch.openstack.org/marketplaceadmin/:splat"
248
+ to = "undefined/marketplaceadmin/:splat"
249
249
  status = 200
250
250
  force = true
251
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
251
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
252
252
 
253
253
  [[redirects]]
254
254
  from = "/api/*"
255
- to = "https://devbranch.openstack.org/api/:splat"
255
+ to = "undefined/api/:splat"
256
256
  status = 200
257
257
  force = true
258
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
258
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
259
259
 
260
260
  [[redirects]]
261
261
  from = "/community"
262
- to = "https://devbranch.openstack.org/community"
262
+ to = "undefined/community"
263
263
  status = 200
264
264
  force = true
265
- headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
265
+ headers = {Authorization = "Basic undefined", X-From = "netlify", X-Forwarded-Host = "undefined"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
3
- "version": "1.0.28",
3
+ "version": "1.0.29",
4
4
  "description": "Base theme for Marketing Sites",
5
5
  "author": "smarcet",
6
6
  "keywords": [
@@ -154,11 +154,13 @@
154
154
  "devDependencies": {
155
155
  "eslint": "^7.32.0 || ^8.2.0",
156
156
  "eslint-config-airbnb": "^19.0.4",
157
+ "eslint-config-prettier": "^9.1.0",
157
158
  "eslint-plugin-import": "^2.25.3",
158
159
  "eslint-plugin-jsx-a11y": "^6.5.1",
159
160
  "eslint-plugin-only-warn": "^1.1.0",
160
161
  "eslint-plugin-react": "^7.28.0",
161
162
  "eslint-plugin-react-hooks": "^4.3.0",
163
+ "eslint-plugin-unused-imports": "^4.1.4",
162
164
  "husky": "^9.0.11",
163
165
  "lint-staged": "^15.1.0",
164
166
  "prettier": "^2.0.5"
package/src/components/AnnouncementBanner/index.module.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  color: #ffffff;
4
4
  font-size: 12px;
5
5
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
6
- padding: 30px 40px;
6
+ padding: 30px;
7
7
  max-width: 1500px;
8
8
  border-radius: 4px;
9
9
  justify-content: space-evenly;
@@ -20,42 +20,46 @@
20
20
 
21
21
  .header {
22
22
  text-align: center;
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ margin-bottom: 10px;
23
27
 
24
28
  @media (min-width: 900px) {
25
29
  text-align: left;
30
+ justify-content: flex-start;
26
31
  }
27
32
 
28
33
  .title {
29
- font-size: 35px;
30
- display: inline-block;
31
- bottom: 6px;
32
- position: relative;
34
+ font-size: 18px;
35
+ line-height: 1.3;
33
36
  font-family: "Jura", "Helvetica", sans-serif;
34
37
  font-weight: 700;
35
- vertical-align: middle;
36
- margin-bottom: 10px;
37
- margin-top: 20px;
38
+ margin: 0;
39
+ display: flex;
40
+ align-items: center;
41
+ @media (max-width: 900px) {
42
+ text-align: left;
43
+ justify-content: flex-start;
44
+ }
38
45
  }
39
46
 
40
47
  .logo {
41
- position: relative;
42
48
  height: 50px;
43
49
  width: 50px;
50
+ margin: 0 20px 0 0;
44
51
  display: block;
45
- margin: 0 auto 10px;
46
52
 
47
53
  @media (min-width: 1024px) {
48
- top: 20px;
49
- margin: 0 20px 0 0;
50
- display: inline;
54
+ top: 0;
51
55
  }
52
56
  }
53
57
  }
54
58
 
55
59
  .text {
56
60
  padding-top: 15px;
57
- font-size: 18px;
58
- line-height: 25px;
61
+ font-size: 15px;
62
+ line-height: normal;
59
63
  font-family: "Roboto", "Helvetica", sans-serif;
60
64
  font-style: normal;
61
65
  font-weight: normal;
@@ -65,29 +69,45 @@
65
69
  .ctaTitle {
66
70
  font-family: "Roboto", "Helvetica", sans-serif;
67
71
  font-style: normal;
68
- font-size: 18px;
69
- line-height: 25px;
72
+ font-size: 15px;
73
+ line-height: normal;
70
74
  text-align: center;
71
- margin-bottom: 15px;
75
+ margin-bottom: 5px;
72
76
  font-weight: bold;
73
77
  margin-top: 10%;
78
+
79
+ // if ctaTitle is empty, hide the element completely
80
+ &:empty {
81
+ display: none;
82
+ margin: 0;
83
+ }
84
+ }
85
+
86
+ :global(.MuiGrid-root) {
87
+ &:has(.cta) {
88
+ display: flex;
89
+ align-items: center;
90
+ height: 100%;
91
+ }
74
92
  }
75
93
 
76
94
  .cta {
77
95
  background-color: #39ae4a;
78
- width: 250px;
79
- font-size: 20px;
80
- min-width: 155px;
81
- padding: 1rem;
96
+ width: 215px;
97
+ font-size: 15px;
98
+ min-width: 150px;
99
+ padding: 10px;
82
100
  border-radius: 50px;
83
- margin-left: auto;
84
- margin-right: auto;
101
+ margin: auto;
85
102
  text-align: center;
86
103
  white-space: nowrap;
87
104
  display: block;
88
105
  color: white;
89
106
  text-decoration: none;
90
-
107
+ // when ctaTitle is empty, adjust margin
108
+ .ctaTitle:empty + & {
109
+ margin: auto;
110
+ }
91
111
  &:hover {
92
112
  background-color: white;
93
113
  color: black;
@@ -102,6 +122,9 @@
102
122
  .img {
103
123
  margin-left: 10px;
104
124
  }
125
+ @media (max-width: 900px) {
126
+ margin-top: 10px;
127
+ }
105
128
  }
106
129
 
107
130
  .bottomBar {