@axos-web-dev/shared-components 0.0.211 → 0.0.213

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 (11) hide show
  1. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +1 -1
  2. package/dist/ExecutiveBio/ExecutiveBio.css.js +13 -13
  3. package/dist/ExecutiveBio/ExecutiveBio.js +82 -89
  4. package/dist/ExecutiveBio/index.js +3 -3
  5. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  6. package/dist/NavigationMenu/AxosBank/SubNavBar.js +392 -227
  7. package/dist/assets/ExecutiveBio/ExecutiveBio.css +48 -49
  8. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +660 -651
  9. package/dist/assets/themes/victorie.css +3 -18
  10. package/dist/main.js +2 -2
  11. package/package.json +1 -1
package/dist/assets/ExecutiveBio/ExecutiveBio.css CHANGED
@@ -105,6 +105,11 @@
105
105
  font-size: 16px;
106
106
  line-height: 1.5;
107
107
  }
108
+ .txcb8do sub {
109
+ display: block;
110
+ font-style: italic;
111
+ margin-top: 5px;
112
+ }
108
113
  .txcb8dp {
109
114
  margin-left: 15px;
110
115
  font-size: 20px;
@@ -133,16 +138,7 @@
133
138
  display: flex;
134
139
  flex-direction: column;
135
140
  }
136
- .txcb8dv {
137
- width: 50%;
138
- }
139
- .txcb8dm + .txcb8dv {
140
- margin-left: 1.5rem;
141
- }
142
- .txcb8dv svg {
143
- margin-left: 8px;
144
- }
145
- .txcb8dx {
141
+ .txcb8dw {
146
142
  aspect-ratio: 1 / 1;
147
143
  background-position: center center;
148
144
  background-repeat: no-repeat;
@@ -150,54 +146,54 @@
150
146
  border-radius: 50%;
151
147
  width: 320px;
152
148
  }
153
- .txcb8dy {
149
+ .txcb8dx {
154
150
  margin-right: 64px;
155
151
  width: auto;
156
152
  }
157
- .txcb8d11 {
153
+ .txcb8d10 {
158
154
  margin-left: auto;
159
155
  margin-right: auto;
160
156
  margin-bottom: 40px;
161
157
  text-align: center;
162
158
  max-width: 800px;
163
159
  }
164
- .txcb8d11 h2 + p {
160
+ .txcb8d10 h2 + p {
165
161
  margin-top: 8px;
166
162
  color: #333D46;
167
163
  }
168
- .txcb8d12 {
164
+ .txcb8d11 {
169
165
  padding-top: 56px;
170
166
  padding-bottom: 56px;
171
167
  margin-top: 0;
172
168
  }
173
- .txcb8d13 {
169
+ .txcb8d12 {
174
170
  background: var(--_1073cm81);
175
171
  }
176
- .txcb8d14 {
172
+ .txcb8d13 {
177
173
  background: var(--_1073cm88);
178
174
  }
179
- .txcb8d15 {
175
+ .txcb8d14 {
180
176
  background: var(--_1073cm8f);
181
177
  }
182
- .txcb8d16 {
178
+ .txcb8d15 {
183
179
  background: var(--_1073cm8m);
184
180
  }
185
- .txcb8d18 {
181
+ .txcb8d17 {
186
182
  color: var(--_1073cm83);
187
183
  }
188
- .txcb8d19 {
184
+ .txcb8d18 {
189
185
  color: var(--_1073cm8a);
190
186
  }
191
- .txcb8d1a {
187
+ .txcb8d19 {
192
188
  color: var(--_1073cm8h);
193
189
  }
194
- .txcb8d1b {
190
+ .txcb8d1a {
195
191
  color: var(--_1073cm8o);
196
192
  }
197
- .txcb8d1c {
193
+ .txcb8d1b {
198
194
  position: relative;
199
195
  }
200
- .txcb8d1d {
196
+ .txcb8d1c {
201
197
  margin-left: auto;
202
198
  margin-right: auto;
203
199
  margin-top: 40px;
@@ -207,13 +203,13 @@
207
203
  main > div:nth-last-child(2) > .txcb8d0 {
208
204
  margin-bottom: 3.5rem;
209
205
  }
206
+ .txcb8d1d {
207
+ gap: 36px;
208
+ }
210
209
  @media (max-width: 1240px) and (min-width: 1024px) {
211
210
  .txcb8dm {
212
211
  max-width: max-content;
213
212
  }
214
- .txcb8dv {
215
- align-items: flex-end;
216
- }
217
213
  }
218
214
  @media (max-width: 1023px) {
219
215
  .txcb8dl {
@@ -223,35 +219,29 @@ main > div:nth-last-child(2) > .txcb8d0 {
223
219
  max-width: 100%;
224
220
  }
225
221
  .txcb8dv {
226
- margin-top: 24px;
227
- }
228
- .txcb8dm + .txcb8dv {
229
- margin-left: 0;
230
- }
231
- .txcb8dw {
232
222
  display: flex;
233
223
  justify-content: center;
234
224
  }
235
- .txcb8dy {
225
+ .txcb8dx {
236
226
  margin-right: 0px;
237
227
  }
238
- .txcb8dz {
228
+ .txcb8dy {
239
229
  transform: translateY(1%);
240
230
  }
241
- .txcb8dz p:first-of-type {
231
+ .txcb8dy p:first-of-type {
242
232
  margin-top: 8px;
243
233
  }
244
- .txcb8d10 {
234
+ .txcb8dz {
245
235
  flex-direction: column;
246
236
  }
247
- .txcb8d11 {
237
+ .txcb8d10 {
248
238
  margin-bottom: 24px;
249
239
  }
250
- .txcb8d12 {
240
+ .txcb8d11 {
251
241
  padding-top: 42px;
252
242
  padding-bottom: 42px;
253
243
  }
254
- .txcb8d1d {
244
+ .txcb8d1c {
255
245
  margin-top: 24px;
256
246
  }
257
247
  }
@@ -268,27 +258,24 @@ main > div:nth-last-child(2) > .txcb8d0 {
268
258
  padding: 24px;
269
259
  }
270
260
  .txcb8do {
271
- margin-top: 8x;
261
+ margin-top: 8px;
272
262
  }
273
263
  .txcb8dp {
274
264
  font-size: 18px;
275
- line-height: 26px;
265
+ line-height: 1.44;
266
+ margin-left: 10px;
276
267
  }
277
268
  .txcb8du {
278
269
  margin-top: 16px;
279
270
  }
280
- .txcb8dv {
281
- width: 90%;
282
- margin-top: 16px;
283
- }
284
- .txcb8dx {
271
+ .txcb8dw {
285
272
  width: 200px;
286
273
  }
287
- .txcb8d11 h2 + p {
274
+ .txcb8d10 h2 + p {
288
275
  font-size: 1rem;
289
276
  line-height: 1.5;
290
277
  }
291
- .txcb8d12 {
278
+ .txcb8d11 {
292
279
  padding-top: 32px;
293
280
  padding-bottom: 32px;
294
281
  }
@@ -302,4 +289,16 @@ main > div:nth-last-child(2) > .txcb8d0 {
302
289
  main > div:nth-last-child(2) > .txcb8d0 {
303
290
  margin-bottom: 2rem;
304
291
  }
292
+ }
293
+ @media (max-width: 500px) {
294
+ .txcb8d1d {
295
+ gap: 24px;
296
+ }
297
+ }
298
+ @media (max-width: 400px) {
299
+ .txcb8d1d {
300
+ align-items: flex-start;
301
+ flex-direction: column;
302
+ gap: 10px;
303
+ }
305
304
  }