sempli-website-lib 5.1.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.
- package/assets/interface/sempli-home-new.jpg +0 -0
- package/assets/interface/sempli-home-new.webp +0 -0
- package/package.json +1 -1
- package/styles/master-app.scss +1 -0
- package/styles/master-landing.scss +21 -4
- package/styles/partials/_layout.scss +1 -0
- package/styles/partials/landing/_general.scss +10 -0
- package/styles/partials/landing/_hero-wrappers.scss +10 -4
- package/assets/interface/sempli-lg-home.jpg +0 -0
- package/assets/interface/sempli-lg-home.webp +0 -0
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
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 {
|
|
@@ -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,9 +15833,19 @@ 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;
|
|
15843
|
+
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
|
|
15844
|
+
opacity: 0.9;
|
|
15845
|
+
|
|
15846
|
+
@include responsive($breakpoint-xlarge) {
|
|
15847
|
+
margin-right: 40px;
|
|
15848
|
+
}
|
|
15838
15849
|
|
|
15839
15850
|
header {
|
|
15840
15851
|
margin: 0 0 20px;
|
|
@@ -16028,13 +16039,16 @@ section.hero-wrapper {
|
|
|
16028
16039
|
// SECTION SPECIFIC HERO WRAPPERS
|
|
16029
16040
|
.webp body#landing section.hero-wrapper {
|
|
16030
16041
|
&.home.index {
|
|
16042
|
+
background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 100% 0%;
|
|
16043
|
+
background-size: cover;
|
|
16044
|
+
|
|
16031
16045
|
@include responsive($breakpoint-xmedium) {
|
|
16032
|
-
background: url("/assets/swl/interface/sempli-
|
|
16046
|
+
background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat 50%;
|
|
16033
16047
|
background-size: cover;
|
|
16034
16048
|
}
|
|
16035
16049
|
|
|
16036
16050
|
@include responsive($breakpoint-xxlarge) {
|
|
16037
|
-
background: url("/assets/swl/interface/sempli-
|
|
16051
|
+
background: url("/assets/swl/interface/sempli-home-new.webp") no-repeat;
|
|
16038
16052
|
background-size: cover;
|
|
16039
16053
|
}
|
|
16040
16054
|
}
|
|
@@ -16223,13 +16237,16 @@ section.hero-wrapper {
|
|
|
16223
16237
|
|
|
16224
16238
|
.no-webp body#landing section.hero-wrapper {
|
|
16225
16239
|
&.home.index {
|
|
16240
|
+
background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 100% 0%;
|
|
16241
|
+
background-size: cover;
|
|
16242
|
+
|
|
16226
16243
|
@include responsive($breakpoint-xmedium) {
|
|
16227
|
-
background: url("/assets/swl/interface/sempli-
|
|
16244
|
+
background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat 50%;
|
|
16228
16245
|
background-size: cover;
|
|
16229
16246
|
}
|
|
16230
16247
|
|
|
16231
16248
|
@include responsive($breakpoint-xxlarge) {
|
|
16232
|
-
background: url("/assets/swl/interface/sempli-
|
|
16249
|
+
background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat;
|
|
16233
16250
|
background-size: cover;
|
|
16234
16251
|
}
|
|
16235
16252
|
}
|
|
@@ -1322,9 +1322,19 @@ 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;
|
|
1332
|
+
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
|
|
1333
|
+
opacity: 0.9;
|
|
1334
|
+
|
|
1335
|
+
@include responsive($breakpoint-xlarge) {
|
|
1336
|
+
margin-right: 40px;
|
|
1337
|
+
}
|
|
1328
1338
|
|
|
1329
1339
|
header {
|
|
1330
1340
|
margin: 0 0 20px;
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
352
|
+
background: url("/assets/swl/interface/sempli-home-new.jpg") no-repeat;
|
|
347
353
|
background-size: cover;
|
|
348
354
|
}
|
|
349
355
|
}
|
|
Binary file
|
|
Binary file
|