sempli-website-lib 5.2.3 → 5.2.4

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 (5) hide show
  1. package/package.json +1 -1
  2. package/styles/master-app.scss +1 -1
  3. package/styles/master-landing.scss +31 -1
  4. package/styles/partials/_layout.scss +1 -1
  5. package/styles/partials/landing/_hero-wrappers.scss +30 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sempli-website-lib",
3
- "version": "5.2.3",
3
+ "version": "5.2.4",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "~13.3.4",
6
6
  "@angular/core": "~13.3.4",
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: 0 10px;
12006
+ padding: 20px 10px;
12007
12007
 
12008
12008
  @include responsive($breakpoint-medium) {
12009
12009
  padding: 0 20px;
package/styles/master-landing.scss CHANGED
@@ -12003,7 +12003,7 @@ $breakPoints: (
12003
12003
  .container {
12004
12004
  max-width: 1200px;
12005
12005
  margin: 0 auto;
12006
- padding: 0 10px;
12006
+ padding: 20px 10px;
12007
12007
 
12008
12008
  @include responsive($breakpoint-medium) {
12009
12009
  padding: 0 20px;
@@ -16178,6 +16178,21 @@ section.hero-wrapper {
16178
16178
  }
16179
16179
  }
16180
16180
 
16181
+ &.sempli-how,
16182
+ &.sempli-comfama {
16183
+ @include responsive($breakpoint-large) {
16184
+ background: url("/assets/swl/interface/illustration-10.webp") no-repeat 110% 50%;
16185
+ @include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
16186
+ background-size: auto 450px;
16187
+ margin-bottom: 40px;
16188
+ }
16189
+
16190
+ @include responsive($breakpoint-xlarge) {
16191
+ background-position: 90% 60%;
16192
+ background-size: auto 500px;
16193
+ }
16194
+ }
16195
+
16181
16196
  // Confirmación de Email
16182
16197
  &.email-confirmation.index,
16183
16198
  &.legal-authorization.index,
@@ -16377,6 +16392,21 @@ section.hero-wrapper {
16377
16392
  }
16378
16393
  }
16379
16394
 
16395
+ &.sempli-how,
16396
+ &.sempli-comfama {
16397
+ @include responsive($breakpoint-large) {
16398
+ background: url("/assets/swl/interface/illustration-10.png") no-repeat 110% 50%;
16399
+ @include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
16400
+ background-size: auto 450px;
16401
+ margin-bottom: 40px;
16402
+ }
16403
+
16404
+ @include responsive($breakpoint-xlarge) {
16405
+ background-position: 90% 60%;
16406
+ background-size: auto 500px;
16407
+ }
16408
+ }
16409
+
16380
16410
  // Confirmación de Email
16381
16411
  &.email-confirmation.index,
16382
16412
  &.legal-authorization.index,
package/styles/partials/_layout.scss CHANGED
@@ -91,7 +91,7 @@ $breakPoints: (
91
91
  .container {
92
92
  max-width: 1200px;
93
93
  margin: 0 auto;
94
- padding: 0 10px;
94
+ padding: 20px 10px;
95
95
 
96
96
  @include responsive($breakpoint-medium) {
97
97
  padding: 0 20px;
package/styles/partials/landing/_hero-wrappers.scss CHANGED
@@ -281,6 +281,21 @@ section.hero-wrapper {
281
281
  }
282
282
  }
283
283
 
284
+ &.sempli-how,
285
+ &.sempli-comfama {
286
+ @include responsive($breakpoint-large) {
287
+ background: url("/assets/swl/interface/illustration-10.webp") no-repeat 110% 50%;
288
+ @include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
289
+ background-size: auto 450px;
290
+ margin-bottom: 40px;
291
+ }
292
+
293
+ @include responsive($breakpoint-xlarge) {
294
+ background-position: 90% 60%;
295
+ background-size: auto 500px;
296
+ }
297
+ }
298
+
284
299
  // Confirmación de Email
285
300
  &.email-confirmation.index,
286
301
  &.legal-authorization.index,
@@ -480,6 +495,21 @@ section.hero-wrapper {
480
495
  }
481
496
  }
482
497
 
498
+ &.sempli-how,
499
+ &.sempli-comfama {
500
+ @include responsive($breakpoint-large) {
501
+ background: url("/assets/swl/interface/illustration-10.png") no-repeat 110% 50%;
502
+ @include background-retina("/assets/swl/interface/illustration-10.webp", 400px, 370px);
503
+ background-size: auto 450px;
504
+ margin-bottom: 40px;
505
+ }
506
+
507
+ @include responsive($breakpoint-xlarge) {
508
+ background-position: 90% 60%;
509
+ background-size: auto 500px;
510
+ }
511
+ }
512
+
483
513
  // Confirmación de Email
484
514
  &.email-confirmation.index,
485
515
  &.legal-authorization.index,