sempli-website-lib 5.2.1 → 5.2.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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/styles/master-app.scss +1 -0
  3. package/styles/master-landing.scss +15 -0
  4. package/styles/partials/_layout.scss +1 -0
  5. package/styles/partials/landing/_general.scss +8 -0
  6. package/styles/partials/landing/_hero-wrappers.scss +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sempli-website-lib",
3
- "version": "5.2.1",
3
+ "version": "5.2.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "~13.3.4",
6
6
  "@angular/core": "~13.3.4",
package/styles/master-app.scss CHANGED
@@ -12033,6 +12033,7 @@ $breakPoints: (
12033
12033
  justify-items: center;
12034
12034
  justify-content: center;
12035
12035
  align-items: center;
12036
+ padding: 20px;
12036
12037
 
12037
12038
  &.reverse {
12038
12039
  .content-box-col {
package/styles/master-landing.scss CHANGED
@@ -12033,6 +12033,7 @@ $breakPoints: (
12033
12033
  justify-items: center;
12034
12034
  justify-content: center;
12035
12035
  align-items: center;
12036
+ padding: 20px;
12036
12037
 
12037
12038
  &.reverse {
12038
12039
  .content-box-col {
@@ -15832,12 +15833,20 @@ span.results-table-item-value {
15832
15833
  }
15833
15834
 
15834
15835
  .calculator-wrapper {
15836
+ @include responsive-max($breakpoint-xmedium) {
15837
+ display: none;
15838
+ }
15839
+
15835
15840
  padding: 20px 40px;
15836
15841
  background-color: rgba(255, 255, 255, 1);
15837
15842
  border-radius: 5px;
15838
15843
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
15839
15844
  opacity: 0.9;
15840
15845
 
15846
+ @include responsive($breakpoint-xlarge) {
15847
+ margin-right: 40px;
15848
+ }
15849
+
15841
15850
  header {
15842
15851
  margin: 0 0 20px;
15843
15852
 
@@ -16030,6 +16039,9 @@ section.hero-wrapper {
16030
16039
  // SECTION SPECIFIC HERO WRAPPERS
16031
16040
  .webp body#landing section.hero-wrapper {
16032
16041
  &.home.index {
16042
+ background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 0%;
16043
+ background-size: cover;
16044
+
16033
16045
  @include responsive($breakpoint-xmedium) {
16034
16046
  background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 50%;
16035
16047
  background-size: cover;
@@ -16225,6 +16237,9 @@ section.hero-wrapper {
16225
16237
 
16226
16238
  .no-webp body#landing section.hero-wrapper {
16227
16239
  &.home.index {
16240
+ background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 0%;
16241
+ background-size: cover;
16242
+
16228
16243
  @include responsive($breakpoint-xmedium) {
16229
16244
  background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 50%;
16230
16245
  background-size: cover;
package/styles/partials/_layout.scss CHANGED
@@ -121,6 +121,7 @@ $breakPoints: (
121
121
  justify-items: center;
122
122
  justify-content: center;
123
123
  align-items: center;
124
+ padding: 20px;
124
125
 
125
126
  &.reverse {
126
127
  .content-box-col {
package/styles/partials/landing/_general.scss CHANGED
@@ -1322,12 +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
+
1325
1329
  padding: 20px 40px;
1326
1330
  background-color: rgba(255, 255, 255, 1);
1327
1331
  border-radius: 5px;
1328
1332
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
1329
1333
  opacity: 0.9;
1330
1334
 
1335
+ @include responsive($breakpoint-xlarge) {
1336
+ margin-right: 40px;
1337
+ }
1338
+
1331
1339
  header {
1332
1340
  margin: 0 0 20px;
1333
1341
 
package/styles/partials/landing/_hero-wrappers.scss CHANGED
@@ -142,6 +142,9 @@ section.hero-wrapper {
142
142
  // SECTION SPECIFIC HERO WRAPPERS
143
143
  .webp body#landing section.hero-wrapper {
144
144
  &.home.index {
145
+ background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 0%;
146
+ background-size: cover;
147
+
145
148
  @include responsive($breakpoint-xmedium) {
146
149
  background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 50%;
147
150
  background-size: cover;
@@ -337,6 +340,9 @@ section.hero-wrapper {
337
340
 
338
341
  .no-webp body#landing section.hero-wrapper {
339
342
  &.home.index {
343
+ background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 0%;
344
+ background-size: cover;
345
+
340
346
  @include responsive($breakpoint-xmedium) {
341
347
  background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 50%;
342
348
  background-size: cover;