sempli-website-lib 5.2.2 → 5.2.5
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.
- package/package.json +1 -1
- package/styles/master-app.scss +1 -1
- package/styles/master-landing.scss +37 -11
- package/styles/partials/_layout.scss +1 -1
- package/styles/partials/landing/_general.scss +5 -5
- package/styles/partials/landing/_header.scss +1 -1
- package/styles/partials/landing/_hero-wrappers.scss +30 -4
package/package.json
CHANGED
package/styles/master-app.scss
CHANGED
|
@@ -12003,7 +12003,7 @@ $breakPoints: (
|
|
|
12003
12003
|
.container {
|
|
12004
12004
|
max-width: 1200px;
|
|
12005
12005
|
margin: 0 auto;
|
|
12006
|
-
padding:
|
|
12006
|
+
padding: 20px 10px;
|
|
12007
12007
|
|
|
12008
12008
|
@include responsive($breakpoint-medium) {
|
|
12009
12009
|
padding: 0 20px;
|
|
@@ -12003,7 +12003,7 @@ $breakPoints: (
|
|
|
12003
12003
|
.container {
|
|
12004
12004
|
max-width: 1200px;
|
|
12005
12005
|
margin: 0 auto;
|
|
12006
|
-
padding:
|
|
12006
|
+
padding: 20px 10px;
|
|
12007
12007
|
|
|
12008
12008
|
@include responsive($breakpoint-medium) {
|
|
12009
12009
|
padding: 0 20px;
|
|
@@ -13994,7 +13994,7 @@ header#main-header {
|
|
|
13994
13994
|
|
|
13995
13995
|
a {
|
|
13996
13996
|
display: block;
|
|
13997
|
-
background: url("/assets/swl/interface/sempli-logo
|
|
13997
|
+
background: url("/assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
|
|
13998
13998
|
background-size: 100px 26px;
|
|
13999
13999
|
height: 0;
|
|
14000
14000
|
width: 100px;
|
|
@@ -15833,20 +15833,20 @@ span.results-table-item-value {
|
|
|
15833
15833
|
}
|
|
15834
15834
|
|
|
15835
15835
|
.calculator-wrapper {
|
|
15836
|
-
@include responsive-max($breakpoint-xmedium) {
|
|
15837
|
-
display: none;
|
|
15838
|
-
}
|
|
15839
|
-
|
|
15840
15836
|
padding: 20px 40px;
|
|
15841
15837
|
background-color: rgba(255, 255, 255, 1);
|
|
15842
15838
|
border-radius: 5px;
|
|
15843
15839
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
|
|
15844
15840
|
opacity: 0.9;
|
|
15845
15841
|
|
|
15846
|
-
@include responsive($breakpoint-xlarge) {
|
|
15842
|
+
@include responsive-max($breakpoint-xlarge) {
|
|
15847
15843
|
margin-right: 40px;
|
|
15848
15844
|
}
|
|
15849
15845
|
|
|
15846
|
+
@include responsive-max($breakpoint-xmedium) {
|
|
15847
|
+
display: none;
|
|
15848
|
+
}
|
|
15849
|
+
|
|
15850
15850
|
header {
|
|
15851
15851
|
margin: 0 0 20px;
|
|
15852
15852
|
|
|
@@ -15909,10 +15909,6 @@ section.hero-wrapper {
|
|
|
15909
15909
|
padding: 100px 0;
|
|
15910
15910
|
}
|
|
15911
15911
|
|
|
15912
|
-
@include responsive($breakpoint-xmedium) {
|
|
15913
|
-
padding: 200px 0;
|
|
15914
|
-
}
|
|
15915
|
-
|
|
15916
15912
|
// Compact Layout Option
|
|
15917
15913
|
&.compact {
|
|
15918
15914
|
@include background-image(linear-gradient(#ffffff, #f5f6fa));
|
|
@@ -16178,6 +16174,21 @@ section.hero-wrapper {
|
|
|
16178
16174
|
}
|
|
16179
16175
|
}
|
|
16180
16176
|
|
|
16177
|
+
&.sempli-how,
|
|
16178
|
+
&.sempli-comfama {
|
|
16179
|
+
@include responsive($breakpoint-large) {
|
|
16180
|
+
background: url("/assets/swl/interface/illustration-10.webp") no-repeat 110% 50%;
|
|
16181
|
+
@include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
|
|
16182
|
+
background-size: auto 450px;
|
|
16183
|
+
margin-bottom: 40px;
|
|
16184
|
+
}
|
|
16185
|
+
|
|
16186
|
+
@include responsive($breakpoint-xlarge) {
|
|
16187
|
+
background-position: 90% 60%;
|
|
16188
|
+
background-size: auto 500px;
|
|
16189
|
+
}
|
|
16190
|
+
}
|
|
16191
|
+
|
|
16181
16192
|
// Confirmación de Email
|
|
16182
16193
|
&.email-confirmation.index,
|
|
16183
16194
|
&.legal-authorization.index,
|
|
@@ -16377,6 +16388,21 @@ section.hero-wrapper {
|
|
|
16377
16388
|
}
|
|
16378
16389
|
}
|
|
16379
16390
|
|
|
16391
|
+
&.sempli-how,
|
|
16392
|
+
&.sempli-comfama {
|
|
16393
|
+
@include responsive($breakpoint-large) {
|
|
16394
|
+
background: url("/assets/swl/interface/illustration-10.png") no-repeat 110% 50%;
|
|
16395
|
+
@include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
|
|
16396
|
+
background-size: auto 450px;
|
|
16397
|
+
margin-bottom: 40px;
|
|
16398
|
+
}
|
|
16399
|
+
|
|
16400
|
+
@include responsive($breakpoint-xlarge) {
|
|
16401
|
+
background-position: 90% 60%;
|
|
16402
|
+
background-size: auto 500px;
|
|
16403
|
+
}
|
|
16404
|
+
}
|
|
16405
|
+
|
|
16380
16406
|
// Confirmación de Email
|
|
16381
16407
|
&.email-confirmation.index,
|
|
16382
16408
|
&.legal-authorization.index,
|
|
@@ -1322,20 +1322,20 @@ span.results-table-item-value {
|
|
|
1322
1322
|
}
|
|
1323
1323
|
|
|
1324
1324
|
.calculator-wrapper {
|
|
1325
|
-
@include responsive-max($breakpoint-xmedium) {
|
|
1326
|
-
display: none;
|
|
1327
|
-
}
|
|
1328
|
-
|
|
1329
1325
|
padding: 20px 40px;
|
|
1330
1326
|
background-color: rgba(255, 255, 255, 1);
|
|
1331
1327
|
border-radius: 5px;
|
|
1332
1328
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
|
|
1333
1329
|
opacity: 0.9;
|
|
1334
1330
|
|
|
1335
|
-
@include responsive($breakpoint-xlarge) {
|
|
1331
|
+
@include responsive-max($breakpoint-xlarge) {
|
|
1336
1332
|
margin-right: 40px;
|
|
1337
1333
|
}
|
|
1338
1334
|
|
|
1335
|
+
@include responsive-max($breakpoint-xmedium) {
|
|
1336
|
+
display: none;
|
|
1337
|
+
}
|
|
1338
|
+
|
|
1339
1339
|
header {
|
|
1340
1340
|
margin: 0 0 20px;
|
|
1341
1341
|
|
|
@@ -33,7 +33,7 @@ header#main-header {
|
|
|
33
33
|
|
|
34
34
|
a {
|
|
35
35
|
display: block;
|
|
36
|
-
background: url("/assets/swl/interface/sempli-logo
|
|
36
|
+
background: url("/assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
|
|
37
37
|
background-size: 100px 26px;
|
|
38
38
|
height: 0;
|
|
39
39
|
width: 100px;
|
|
@@ -12,10 +12,6 @@ section.hero-wrapper {
|
|
|
12
12
|
padding: 100px 0;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
@include responsive($breakpoint-xmedium) {
|
|
16
|
-
padding: 200px 0;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
15
|
// Compact Layout Option
|
|
20
16
|
&.compact {
|
|
21
17
|
@include background-image(linear-gradient(#ffffff, #f5f6fa));
|
|
@@ -281,6 +277,21 @@ section.hero-wrapper {
|
|
|
281
277
|
}
|
|
282
278
|
}
|
|
283
279
|
|
|
280
|
+
&.sempli-how,
|
|
281
|
+
&.sempli-comfama {
|
|
282
|
+
@include responsive($breakpoint-large) {
|
|
283
|
+
background: url("/assets/swl/interface/illustration-10.webp") no-repeat 110% 50%;
|
|
284
|
+
@include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
|
|
285
|
+
background-size: auto 450px;
|
|
286
|
+
margin-bottom: 40px;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
@include responsive($breakpoint-xlarge) {
|
|
290
|
+
background-position: 90% 60%;
|
|
291
|
+
background-size: auto 500px;
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
284
295
|
// Confirmación de Email
|
|
285
296
|
&.email-confirmation.index,
|
|
286
297
|
&.legal-authorization.index,
|
|
@@ -480,6 +491,21 @@ section.hero-wrapper {
|
|
|
480
491
|
}
|
|
481
492
|
}
|
|
482
493
|
|
|
494
|
+
&.sempli-how,
|
|
495
|
+
&.sempli-comfama {
|
|
496
|
+
@include responsive($breakpoint-large) {
|
|
497
|
+
background: url("/assets/swl/interface/illustration-10.png") no-repeat 110% 50%;
|
|
498
|
+
@include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
|
|
499
|
+
background-size: auto 450px;
|
|
500
|
+
margin-bottom: 40px;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
@include responsive($breakpoint-xlarge) {
|
|
504
|
+
background-position: 90% 60%;
|
|
505
|
+
background-size: auto 500px;
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
|
|
483
509
|
// Confirmación de Email
|
|
484
510
|
&.email-confirmation.index,
|
|
485
511
|
&.legal-authorization.index,
|