sempli-website-lib 5.2.4 → 5.3.1

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 +11 -2
  3. package/styles/master-landing.scss +12 -7
  4. package/styles/partials/app/_general.scss +11 -2
  5. package/styles/partials/landing/_header.scss +1 -1
  6. package/styles/partials/landing/_hero-wrappers.scss +0 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sempli-website-lib",
3
- "version": "5.2.4",
3
+ "version": "5.3.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "~13.3.4",
6
6
  "@angular/core": "~13.3.4",
package/styles/master-app.scss CHANGED
@@ -15104,7 +15104,8 @@ ul.list-view {
15104
15104
  }
15105
15105
  }
15106
15106
 
15107
- .credit-simulation-table {
15107
+ .credit-simulation-table,
15108
+ .costs-table {
15108
15109
 
15109
15110
  @include responsive-max($breakpoint-small) {
15110
15111
  max-width: 100%;
@@ -15150,7 +15151,15 @@ ul.list-view {
15150
15151
  display: grid;
15151
15152
  grid-template-columns: repeat(5, 1fr);
15152
15153
  border-bottom: 1px solid $color-secondary-light;
15153
-
15154
+ &.four-column {
15155
+ grid-template-columns: repeat(4, 1fr);
15156
+ }
15157
+ &.three-column {
15158
+ grid-template-columns: repeat(3, 1fr);
15159
+ }
15160
+ &.two-column {
15161
+ grid-template-columns: repeat(2, 1fr);
15162
+ }
15154
15163
  .table-cell {
15155
15164
  color: $color-secondary;
15156
15165
  font-size: rem-calc(13px);
package/styles/master-landing.scss CHANGED
@@ -13994,7 +13994,7 @@ header#main-header {
13994
13994
 
13995
13995
  a {
13996
13996
  display: block;
13997
- background: url("/assets/swl/interface/sempli-logo-black.svg") no-repeat 50% 50%;
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;
@@ -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));
@@ -18161,7 +18157,8 @@ ul.list-view {
18161
18157
  }
18162
18158
  }
18163
18159
 
18164
- .credit-simulation-table {
18160
+ .credit-simulation-table,
18161
+ .costs-table {
18165
18162
 
18166
18163
  @include responsive-max($breakpoint-small) {
18167
18164
  max-width: 100%;
@@ -18207,7 +18204,15 @@ ul.list-view {
18207
18204
  display: grid;
18208
18205
  grid-template-columns: repeat(5, 1fr);
18209
18206
  border-bottom: 1px solid $color-secondary-light;
18210
-
18207
+ &.four-column {
18208
+ grid-template-columns: repeat(4, 1fr);
18209
+ }
18210
+ &.three-column {
18211
+ grid-template-columns: repeat(3, 1fr);
18212
+ }
18213
+ &.two-column {
18214
+ grid-template-columns: repeat(2, 1fr);
18215
+ }
18211
18216
  .table-cell {
18212
18217
  color: $color-secondary;
18213
18218
  font-size: rem-calc(13px);
package/styles/partials/app/_general.scss CHANGED
@@ -657,7 +657,8 @@ ul.list-view {
657
657
  }
658
658
  }
659
659
 
660
- .credit-simulation-table {
660
+ .credit-simulation-table,
661
+ .costs-table {
661
662
 
662
663
  @include responsive-max($breakpoint-small) {
663
664
  max-width: 100%;
@@ -703,7 +704,15 @@ ul.list-view {
703
704
  display: grid;
704
705
  grid-template-columns: repeat(5, 1fr);
705
706
  border-bottom: 1px solid $color-secondary-light;
706
-
707
+ &.four-column {
708
+ grid-template-columns: repeat(4, 1fr);
709
+ }
710
+ &.three-column {
711
+ grid-template-columns: repeat(3, 1fr);
712
+ }
713
+ &.two-column {
714
+ grid-template-columns: repeat(2, 1fr);
715
+ }
707
716
  .table-cell {
708
717
  color: $color-secondary;
709
718
  font-size: rem-calc(13px);
package/styles/partials/landing/_header.scss CHANGED
@@ -33,7 +33,7 @@ header#main-header {
33
33
 
34
34
  a {
35
35
  display: block;
36
- background: url("/assets/swl/interface/sempli-logo-black.svg") no-repeat 50% 50%;
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;
package/styles/partials/landing/_hero-wrappers.scss CHANGED
@@ -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));