sempli-website-lib 5.2.0 → 5.2.3

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 +22 -7
  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 +13 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sempli-website-lib",
3
- "version": "5.2.0",
3
+ "version": "5.2.3",
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 {
@@ -15838,6 +15839,14 @@ span.results-table-item-value {
15838
15839
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
15839
15840
  opacity: 0.9;
15840
15841
 
15842
+ @include responsive-max($breakpoint-xlarge) {
15843
+ margin-right: 40px;
15844
+ }
15845
+
15846
+ @include responsive-max($breakpoint-xmedium) {
15847
+ display: none;
15848
+ }
15849
+
15841
15850
  header {
15842
15851
  margin: 0 0 20px;
15843
15852
 
@@ -15900,9 +15909,9 @@ section.hero-wrapper {
15900
15909
  padding: 100px 0;
15901
15910
  }
15902
15911
 
15903
- @include responsive($breakpoint-xmedium) {
15904
- padding: 200px 0;
15905
- }
15912
+ // @include responsive($breakpoint-xmedium) {
15913
+ // padding: 200px 0;
15914
+ // }
15906
15915
 
15907
15916
  // Compact Layout Option
15908
15917
  &.compact {
@@ -16030,13 +16039,16 @@ 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
- background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 88%;
16046
+ background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 50%;
16035
16047
  background-size: cover;
16036
16048
  }
16037
16049
 
16038
16050
  @include responsive($breakpoint-xxlarge) {
16039
- background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 88%;
16051
+ background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat;
16040
16052
  background-size: cover;
16041
16053
  }
16042
16054
  }
@@ -16225,13 +16237,16 @@ 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
- background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 88%;
16244
+ background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 50%;
16230
16245
  background-size: cover;
16231
16246
  }
16232
16247
 
16233
16248
  @include responsive($breakpoint-xxlarge) {
16234
- background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 88%;
16249
+ background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat;
16235
16250
  background-size: cover;
16236
16251
  }
16237
16252
  }
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
@@ -1328,6 +1328,14 @@ span.results-table-item-value {
1328
1328
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
1329
1329
  opacity: 0.9;
1330
1330
 
1331
+ @include responsive-max($breakpoint-xlarge) {
1332
+ margin-right: 40px;
1333
+ }
1334
+
1335
+ @include responsive-max($breakpoint-xmedium) {
1336
+ display: none;
1337
+ }
1338
+
1331
1339
  header {
1332
1340
  margin: 0 0 20px;
1333
1341
 
package/styles/partials/landing/_hero-wrappers.scss CHANGED
@@ -12,9 +12,9 @@ section.hero-wrapper {
12
12
  padding: 100px 0;
13
13
  }
14
14
 
15
- @include responsive($breakpoint-xmedium) {
16
- padding: 200px 0;
17
- }
15
+ // @include responsive($breakpoint-xmedium) {
16
+ // padding: 200px 0;
17
+ // }
18
18
 
19
19
  // Compact Layout Option
20
20
  &.compact {
@@ -142,13 +142,16 @@ 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
- background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 88%;
149
+ background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 50%;
147
150
  background-size: cover;
148
151
  }
149
152
 
150
153
  @include responsive($breakpoint-xxlarge) {
151
- background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 88%;
154
+ background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat;
152
155
  background-size: cover;
153
156
  }
154
157
  }
@@ -337,13 +340,16 @@ 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
- background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 88%;
347
+ background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 50%;
342
348
  background-size: cover;
343
349
  }
344
350
 
345
351
  @include responsive($breakpoint-xxlarge) {
346
- background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 88%;
352
+ background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat;
347
353
  background-size: cover;
348
354
  }
349
355
  }