@npm_leadtech/legal-lib-components 5.22.1 → 5.22.2

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.
@@ -39,7 +39,7 @@ export const FixedFooterStyled = styled.div `
39
39
  margin-bottom: 0;
40
40
  }
41
41
 
42
- footer__wrapper {
42
+ .footer__wrapper {
43
43
  display: flex;
44
44
  flex-flow: row wrap;
45
45
  max-width: 1200px;
@@ -51,12 +51,12 @@ export const FixedFooterStyled = styled.div `
51
51
  }
52
52
 
53
53
  @media (min-width: 960px) {
54
- footer__wrapper {
54
+ .footer__wrapper {
55
55
  padding: 2.75rem 0;
56
56
  }
57
57
  }
58
58
 
59
- footer__wrapper__logo {
59
+ .footer__wrapper__logo {
60
60
  width: 45%;
61
61
  max-width: 45%;
62
62
  display: flex;
@@ -64,7 +64,7 @@ export const FixedFooterStyled = styled.div `
64
64
  }
65
65
 
66
66
  @media (min-width: 720px) {
67
- footer__wrapper__logo {
67
+ .footer__wrapper__logo {
68
68
  width: 100%;
69
69
  max-width: 100%;
70
70
  }
@@ -129,9 +129,9 @@ export const FixedFooterStyled = styled.div `
129
129
  width: 100%;
130
130
  }
131
131
 
132
- footer__products,
133
- footer__popular-documents,
134
- footer__company {
132
+ .footer__products,
133
+ .footer__popular-documents,
134
+ .footer__company {
135
135
  width: 100%;
136
136
  max-width: 50%;
137
137
  display: flex;
@@ -139,44 +139,44 @@ export const FixedFooterStyled = styled.div `
139
139
  justify-content: flex-start;
140
140
  }
141
141
 
142
- footer__products p,
143
- footer__popular-documents p,
144
- footer__company p {
142
+ .footer__products p,
143
+ .footer__popular-documents p,
144
+ .footer__company p {
145
145
  margin-bottom: 1.5rem;
146
146
  }
147
147
 
148
148
  @media (min-width: 575px) {
149
- footer__products,
150
- footer__popular-documents,
151
- footer__company {
149
+ .footer__products,
150
+ .footer__popular-documents,
151
+ .footer__company {
152
152
  max-width: 28%;
153
153
  padding-right: 1.5rem;
154
154
  }
155
155
  }
156
156
 
157
157
  @media (min-width: 960px) {
158
- footer__products,
159
- footer__popular-documents,
160
- footer__company {
158
+ .footer__products,
159
+ .footer__popular-documents,
160
+ .footer__company {
161
161
  max-width: 20%;
162
162
  }
163
163
  }
164
164
 
165
165
  @media (max-width: 575px) {
166
- footer__products,
167
- footer__popular-documents,
168
- footer__company {
166
+ .footer__products,
167
+ .footer__popular-documents,
168
+ .footer__company {
169
169
  max-width: 100%;
170
170
  }
171
171
  }
172
172
 
173
- footer__company__resources__findUs footer__resources,
174
- footer__help__resources footer__resources {
173
+ .footer__company__resources__findUs .footer__resources,
174
+ .footer__help__resources .footer__resources {
175
175
  margin-top: 22px;
176
176
  }
177
177
 
178
- footer__help__resources,
179
- footer__company {
178
+ .footer__help__resources,
179
+ .footer__company {
180
180
  display: flex;
181
181
  flex-flow: column wrap;
182
182
  justify-content: flex-start;
@@ -186,78 +186,78 @@ export const FixedFooterStyled = styled.div `
186
186
  }
187
187
 
188
188
  @media (min-width: 575px) and (max-width: 960px) {
189
- footer__help__resources,
190
- footer__company {
189
+ .footer__help__resources,
190
+ .footer__company {
191
191
  display: block;
192
192
  }
193
193
  }
194
194
 
195
- footer__help__resources p,
196
- footer__company p {
195
+ .footer__help__resources p,
196
+ .footer__company p {
197
197
  margin-bottom: 1.5rem;
198
198
  }
199
199
 
200
200
  @media (min-width: 575px) {
201
- footer__help__resources,
202
- footer__company {
201
+ .footer__help__resources,
202
+ .footer__company {
203
203
  max-width: 22.5%;
204
204
  padding-right: 1rem;
205
205
  }
206
206
  }
207
207
 
208
208
  @media (min-width: 960px) {
209
- footer__help__resources,
210
- footer__company {
209
+ .footer__help__resources,
210
+ .footer__company {
211
211
  max-width: 15%;
212
212
  }
213
213
  }
214
214
 
215
- footer__findUs {
215
+ .footer__findUs {
216
216
  display: flex;
217
217
  flex-flow: row nowrap;
218
218
  flex-direction: column;
219
219
  max-width: 100%;
220
220
  }
221
221
 
222
- footer__findUs .trustpilot-widget {
222
+ .footer__findUs .trustpilot-widget {
223
223
  margin-top: 0;
224
224
  }
225
225
 
226
226
  @media (min-width: 575px) {
227
- footer__findUs .trustpilot-widget {
227
+ .footer__findUs .trustpilot-widget {
228
228
  margin-top: 22px;
229
229
  }
230
230
  }
231
231
 
232
232
  @media (min-width: 720px) {
233
- footer__findUs {
233
+ .footer__findUs {
234
234
  display: block;
235
235
  max-width: 20%;
236
236
  }
237
237
  }
238
238
 
239
239
  @media (min-width: 960px) {
240
- footer__findUs {
240
+ .footer__findUs {
241
241
  max-width: 15%;
242
242
  }
243
243
  }
244
244
 
245
245
  @media (max-width: 575px) {
246
- footer__findUs {
246
+ .footer__findUs {
247
247
  width: 100%;
248
248
  }
249
249
  }
250
250
 
251
- footer__findUs ul {
251
+ .footer__findUs ul {
252
252
  display: flex;
253
253
  flex-direction: row;
254
254
  }
255
255
 
256
- footer__findUs ul li {
256
+ .footer__findUs ul li {
257
257
  margin-right: 0.4rem;
258
258
  }
259
259
 
260
- footer-links__title {
260
+ .footer-links__title {
261
261
  width: 100%;
262
262
  text-transform: uppercase;
263
263
  font-weight: bold;
@@ -324,7 +324,7 @@ export const FixedFooterStyled = styled.div `
324
324
  margin: 14px 0;
325
325
  }
326
326
 
327
- footer__media__logos__wrapper {
327
+ .footer__media__logos__wrapper {
328
328
  width: 84%;
329
329
  display: flex;
330
330
  justify-content: space-around;
@@ -333,25 +333,25 @@ export const FixedFooterStyled = styled.div `
333
333
  flex-direction: row;
334
334
  }
335
335
 
336
- footer__media__logos__wrapper .logo {
336
+ .footer__media__logos__wrapper .logo {
337
337
  display: inline-flex;
338
338
  padding-left: 20px;
339
339
  align-items: center;
340
340
  height: 59px;
341
341
  }
342
342
 
343
- footer__media__logos__wrapper .logo:first-child {
343
+ .footer__media__logos__wrapper .logo:first-child {
344
344
  padding-left: 0;
345
345
  }
346
346
 
347
347
  @media (max-width: 720px) {
348
- footer__media__logos__wrapper {
348
+ .footer__media__logos__wrapper {
349
349
  width: 100%;
350
350
  padding-bottom: 15px;
351
351
  flex-wrap: wrap;
352
352
  }
353
353
 
354
- footer__media__logos__wrapper .logo {
354
+ .footer__media__logos__wrapper .logo {
355
355
  width: 50%;
356
356
  }
357
357
  }
@@ -370,24 +370,24 @@ export const FixedFooterStyled = styled.div `
370
370
  }
371
371
  }
372
372
 
373
- footer-trustpilot {
373
+ .footer-trustpilot {
374
374
  display: none;
375
375
  }
376
376
 
377
377
  @media (min-width: 720px) {
378
- footer-trustpilot {
378
+ .footer-trustpilot {
379
379
  display: flex;
380
380
  }
381
381
  }
382
382
 
383
- footer-trustpilot-mobile {
383
+ .footer-trustpilot-mobile {
384
384
  display: flex;
385
385
  width: 100%;
386
386
  margin: 1rem 0 2rem 0;
387
387
  }
388
388
 
389
389
  @media (min-width: 720px) {
390
- footer-trustpilot-mobile {
390
+ .footer-trustpilot-mobile {
391
391
  display: none;
392
392
  }
393
393
  }
@@ -40,7 +40,7 @@ export const FixedFooterStyled = styled.div`
40
40
  margin-bottom: 0;
41
41
  }
42
42
 
43
- footer__wrapper {
43
+ .footer__wrapper {
44
44
  display: flex;
45
45
  flex-flow: row wrap;
46
46
  max-width: 1200px;
@@ -52,12 +52,12 @@ export const FixedFooterStyled = styled.div`
52
52
  }
53
53
 
54
54
  @media (min-width: 960px) {
55
- footer__wrapper {
55
+ .footer__wrapper {
56
56
  padding: 2.75rem 0;
57
57
  }
58
58
  }
59
59
 
60
- footer__wrapper__logo {
60
+ .footer__wrapper__logo {
61
61
  width: 45%;
62
62
  max-width: 45%;
63
63
  display: flex;
@@ -65,7 +65,7 @@ export const FixedFooterStyled = styled.div`
65
65
  }
66
66
 
67
67
  @media (min-width: 720px) {
68
- footer__wrapper__logo {
68
+ .footer__wrapper__logo {
69
69
  width: 100%;
70
70
  max-width: 100%;
71
71
  }
@@ -130,9 +130,9 @@ export const FixedFooterStyled = styled.div`
130
130
  width: 100%;
131
131
  }
132
132
 
133
- footer__products,
134
- footer__popular-documents,
135
- footer__company {
133
+ .footer__products,
134
+ .footer__popular-documents,
135
+ .footer__company {
136
136
  width: 100%;
137
137
  max-width: 50%;
138
138
  display: flex;
@@ -140,44 +140,44 @@ export const FixedFooterStyled = styled.div`
140
140
  justify-content: flex-start;
141
141
  }
142
142
 
143
- footer__products p,
144
- footer__popular-documents p,
145
- footer__company p {
143
+ .footer__products p,
144
+ .footer__popular-documents p,
145
+ .footer__company p {
146
146
  margin-bottom: 1.5rem;
147
147
  }
148
148
 
149
149
  @media (min-width: 575px) {
150
- footer__products,
151
- footer__popular-documents,
152
- footer__company {
150
+ .footer__products,
151
+ .footer__popular-documents,
152
+ .footer__company {
153
153
  max-width: 28%;
154
154
  padding-right: 1.5rem;
155
155
  }
156
156
  }
157
157
 
158
158
  @media (min-width: 960px) {
159
- footer__products,
160
- footer__popular-documents,
161
- footer__company {
159
+ .footer__products,
160
+ .footer__popular-documents,
161
+ .footer__company {
162
162
  max-width: 20%;
163
163
  }
164
164
  }
165
165
 
166
166
  @media (max-width: 575px) {
167
- footer__products,
168
- footer__popular-documents,
169
- footer__company {
167
+ .footer__products,
168
+ .footer__popular-documents,
169
+ .footer__company {
170
170
  max-width: 100%;
171
171
  }
172
172
  }
173
173
 
174
- footer__company__resources__findUs footer__resources,
175
- footer__help__resources footer__resources {
174
+ .footer__company__resources__findUs .footer__resources,
175
+ .footer__help__resources .footer__resources {
176
176
  margin-top: 22px;
177
177
  }
178
178
 
179
- footer__help__resources,
180
- footer__company {
179
+ .footer__help__resources,
180
+ .footer__company {
181
181
  display: flex;
182
182
  flex-flow: column wrap;
183
183
  justify-content: flex-start;
@@ -187,78 +187,78 @@ export const FixedFooterStyled = styled.div`
187
187
  }
188
188
 
189
189
  @media (min-width: 575px) and (max-width: 960px) {
190
- footer__help__resources,
191
- footer__company {
190
+ .footer__help__resources,
191
+ .footer__company {
192
192
  display: block;
193
193
  }
194
194
  }
195
195
 
196
- footer__help__resources p,
197
- footer__company p {
196
+ .footer__help__resources p,
197
+ .footer__company p {
198
198
  margin-bottom: 1.5rem;
199
199
  }
200
200
 
201
201
  @media (min-width: 575px) {
202
- footer__help__resources,
203
- footer__company {
202
+ .footer__help__resources,
203
+ .footer__company {
204
204
  max-width: 22.5%;
205
205
  padding-right: 1rem;
206
206
  }
207
207
  }
208
208
 
209
209
  @media (min-width: 960px) {
210
- footer__help__resources,
211
- footer__company {
210
+ .footer__help__resources,
211
+ .footer__company {
212
212
  max-width: 15%;
213
213
  }
214
214
  }
215
215
 
216
- footer__findUs {
216
+ .footer__findUs {
217
217
  display: flex;
218
218
  flex-flow: row nowrap;
219
219
  flex-direction: column;
220
220
  max-width: 100%;
221
221
  }
222
222
 
223
- footer__findUs .trustpilot-widget {
223
+ .footer__findUs .trustpilot-widget {
224
224
  margin-top: 0;
225
225
  }
226
226
 
227
227
  @media (min-width: 575px) {
228
- footer__findUs .trustpilot-widget {
228
+ .footer__findUs .trustpilot-widget {
229
229
  margin-top: 22px;
230
230
  }
231
231
  }
232
232
 
233
233
  @media (min-width: 720px) {
234
- footer__findUs {
234
+ .footer__findUs {
235
235
  display: block;
236
236
  max-width: 20%;
237
237
  }
238
238
  }
239
239
 
240
240
  @media (min-width: 960px) {
241
- footer__findUs {
241
+ .footer__findUs {
242
242
  max-width: 15%;
243
243
  }
244
244
  }
245
245
 
246
246
  @media (max-width: 575px) {
247
- footer__findUs {
247
+ .footer__findUs {
248
248
  width: 100%;
249
249
  }
250
250
  }
251
251
 
252
- footer__findUs ul {
252
+ .footer__findUs ul {
253
253
  display: flex;
254
254
  flex-direction: row;
255
255
  }
256
256
 
257
- footer__findUs ul li {
257
+ .footer__findUs ul li {
258
258
  margin-right: 0.4rem;
259
259
  }
260
260
 
261
- footer-links__title {
261
+ .footer-links__title {
262
262
  width: 100%;
263
263
  text-transform: uppercase;
264
264
  font-weight: bold;
@@ -325,7 +325,7 @@ export const FixedFooterStyled = styled.div`
325
325
  margin: 14px 0;
326
326
  }
327
327
 
328
- footer__media__logos__wrapper {
328
+ .footer__media__logos__wrapper {
329
329
  width: 84%;
330
330
  display: flex;
331
331
  justify-content: space-around;
@@ -334,25 +334,25 @@ export const FixedFooterStyled = styled.div`
334
334
  flex-direction: row;
335
335
  }
336
336
 
337
- footer__media__logos__wrapper .logo {
337
+ .footer__media__logos__wrapper .logo {
338
338
  display: inline-flex;
339
339
  padding-left: 20px;
340
340
  align-items: center;
341
341
  height: 59px;
342
342
  }
343
343
 
344
- footer__media__logos__wrapper .logo:first-child {
344
+ .footer__media__logos__wrapper .logo:first-child {
345
345
  padding-left: 0;
346
346
  }
347
347
 
348
348
  @media (max-width: 720px) {
349
- footer__media__logos__wrapper {
349
+ .footer__media__logos__wrapper {
350
350
  width: 100%;
351
351
  padding-bottom: 15px;
352
352
  flex-wrap: wrap;
353
353
  }
354
354
 
355
- footer__media__logos__wrapper .logo {
355
+ .footer__media__logos__wrapper .logo {
356
356
  width: 50%;
357
357
  }
358
358
  }
@@ -371,24 +371,24 @@ export const FixedFooterStyled = styled.div`
371
371
  }
372
372
  }
373
373
 
374
- footer-trustpilot {
374
+ .footer-trustpilot {
375
375
  display: none;
376
376
  }
377
377
 
378
378
  @media (min-width: 720px) {
379
- footer-trustpilot {
379
+ .footer-trustpilot {
380
380
  display: flex;
381
381
  }
382
382
  }
383
383
 
384
- footer-trustpilot-mobile {
384
+ .footer-trustpilot-mobile {
385
385
  display: flex;
386
386
  width: 100%;
387
387
  margin: 1rem 0 2rem 0;
388
388
  }
389
389
 
390
390
  @media (min-width: 720px) {
391
- footer-trustpilot-mobile {
391
+ .footer-trustpilot-mobile {
392
392
  display: none;
393
393
  }
394
394
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.22.1",
3
+ "version": "5.22.2",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",