sempli-website-lib 6.2.1-beta.7 → 6.3.0-beta.0

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 (24) hide show
  1. package/assets/interface/sempli_2.0/10-pago-de-facturas-y-proveedores-v1.webp +0 -0
  2. package/assets/interface/sempli_2.0/10-pago-de-facturas-y-proveedores-v2.webp +0 -0
  3. package/assets/interface/sempli_2.0/10-pago-de-facturas-y-proveedores.webp +0 -0
  4. package/assets/interface/sempli_2.0/11-obligaciones-con-terceros.webp +0 -0
  5. package/assets/interface/sempli_2.0/13-habla-con-un-especialista-de-credito.webp +0 -0
  6. package/assets/interface/sempli_2.0/13-tarjeta-empresarial.webp +0 -0
  7. package/assets/interface/sempli_2.0/14-credito-empresarial.webp +0 -0
  8. package/assets/interface/sempli_2.0/15-tarjeta-credito.png +0 -0
  9. package/assets/interface/sempli_2.0/15-tarjeta-credito.webp +0 -0
  10. package/assets/interface/sempli_2.0/2-Financiacion-empresarial.webp +0 -0
  11. package/assets/interface/sempli_2.0/3-sin-sorpresas-sin-compros.png +0 -0
  12. package/assets/interface/sempli_2.0/3-sin-sorpresas-sin-compros.webp +0 -0
  13. package/assets/interface/sempli_2.0/5-seguridad-y-control.png +0 -0
  14. package/assets/interface/sempli_2.0/5-seguridad-y-control.webp +0 -0
  15. package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo.png +0 -0
  16. package/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo.webp +0 -0
  17. package/assets/interface/sempli_2.0/9-accede-al-credito-con-condiciones-justas.webp +0 -0
  18. package/assets/interface/sempli_2.0/hero-main.jpeg +0 -0
  19. package/assets/interface/sempli_2.0/hero-main.webp +0 -0
  20. package/assets/interface/sempli_2.0/sempli-business-04 - new.webp +0 -0
  21. package/package.json +1 -1
  22. package/styles/master-landing.scss +12 -14
  23. package/styles/partials/landing/_general.scss +10 -12
  24. package/styles/partials/landing/_header.scss +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sempli-website-lib",
3
- "version": "6.2.1-beta.7",
3
+ "version": "6.3.0-beta.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.0.5",
6
6
  "@angular/core": "^16.0.5"
@@ -14876,7 +14876,7 @@ header#main-header {
14876
14876
  @media screen and (max-width: 1023px) {
14877
14877
  display: initial;
14878
14878
  font-size: 28px;
14879
- animation: changeIconColor 9s infinite;
14879
+ animation: change-icon-color 9s infinite;
14880
14880
  }
14881
14881
  }
14882
14882
 
@@ -14886,7 +14886,7 @@ header#main-header {
14886
14886
  text-align: left;
14887
14887
  }
14888
14888
 
14889
- @keyframes changeIconColor {
14889
+ @keyframes change-icon-color {
14890
14890
  0%, 100% {
14891
14891
  color: #4335f9;
14892
14892
  }
@@ -16632,6 +16632,10 @@ span.results-table-item-value {
16632
16632
  @media screen and (min-width: 769px) {
16633
16633
  width: 50%;
16634
16634
  }
16635
+
16636
+ @media screen and (max-width: 768px) {
16637
+ padding: 20px;
16638
+ }
16635
16639
  }
16636
16640
 
16637
16641
  .section-hero-text {
@@ -17010,9 +17014,9 @@ span.results-table-item-value {
17010
17014
  background: linear-gradient(to right, #00C8E1 50%, #FFF 0);
17011
17015
  background-size: 200% 100%;
17012
17016
  background-position: 100% 0;
17013
- animation: fillAnimation-50 15s ease forwards infinite;
17017
+ animation: fill-animation-50 15s ease forwards infinite;
17014
17018
 
17015
- @keyframes fillAnimation-50 {
17019
+ @keyframes fill-animation-50 {
17016
17020
  0%, 25%, 30%, 45% {
17017
17021
  background-position: 100% 0;
17018
17022
  color: gray;
@@ -17036,9 +17040,9 @@ span.results-table-item-value {
17036
17040
  background: linear-gradient(to right, #00C8E1 50%, #FFF 0);
17037
17041
  background-size: 200% 100%;
17038
17042
  background-position: 100% 0;
17039
- animation: fillAnimation-80 15s ease forwards infinite;
17043
+ animation: fill-animation-80 15s ease forwards infinite;
17040
17044
 
17041
- @keyframes fillAnimation-80 {
17045
+ @keyframes fill-animation-80 {
17042
17046
  0%, 25%, 30%, 45% {
17043
17047
  background-position: 100% 0;
17044
17048
  color: gray;
@@ -17062,9 +17066,9 @@ span.results-table-item-value {
17062
17066
  background: linear-gradient(to right, #00C8E1 50%, #FFF 0);
17063
17067
  background-size: 200% 100%;
17064
17068
  background-position: 100% 0;
17065
- animation: fillAnimation-100 15s ease forwards infinite;
17069
+ animation: fill-animation-100 15s ease forwards infinite;
17066
17070
 
17067
- @keyframes fillAnimation-100 {
17071
+ @keyframes fill-animation-100 {
17068
17072
  0%, 25%, 30%, 45% {
17069
17073
  background-position: 100% 0;
17070
17074
  color: gray;
@@ -17545,12 +17549,6 @@ span.results-table-item-value {
17545
17549
  box-shadow: 0 0 0 5px rgba(173, 216, 230, 0.5);
17546
17550
  }
17547
17551
 
17548
- .custom-section-elements {
17549
- height: 100%;
17550
- display: flex;
17551
- flex-direction: column;
17552
- }
17553
-
17554
17552
  .custom-elements-center {
17555
17553
  height: 100%;
17556
17554
  width: 100%;
@@ -1389,6 +1389,10 @@ span.results-table-item-value {
1389
1389
  @media screen and (min-width: 769px) {
1390
1390
  width: 50%;
1391
1391
  }
1392
+
1393
+ @media screen and (max-width: 768px) {
1394
+ padding: 20px;
1395
+ }
1392
1396
  }
1393
1397
 
1394
1398
  .section-hero-text {
@@ -1767,9 +1771,9 @@ span.results-table-item-value {
1767
1771
  background: linear-gradient(to right, #00C8E1 50%, #FFF 0);
1768
1772
  background-size: 200% 100%;
1769
1773
  background-position: 100% 0;
1770
- animation: fillAnimation-50 15s ease forwards infinite;
1774
+ animation: fill-animation-50 15s ease forwards infinite;
1771
1775
 
1772
- @keyframes fillAnimation-50 {
1776
+ @keyframes fill-animation-50 {
1773
1777
  0%, 25%, 30%, 45% {
1774
1778
  background-position: 100% 0;
1775
1779
  color: gray;
@@ -1793,9 +1797,9 @@ span.results-table-item-value {
1793
1797
  background: linear-gradient(to right, #00C8E1 50%, #FFF 0);
1794
1798
  background-size: 200% 100%;
1795
1799
  background-position: 100% 0;
1796
- animation: fillAnimation-80 15s ease forwards infinite;
1800
+ animation: fill-animation-80 15s ease forwards infinite;
1797
1801
 
1798
- @keyframes fillAnimation-80 {
1802
+ @keyframes fill-animation-80 {
1799
1803
  0%, 25%, 30%, 45% {
1800
1804
  background-position: 100% 0;
1801
1805
  color: gray;
@@ -1819,9 +1823,9 @@ span.results-table-item-value {
1819
1823
  background: linear-gradient(to right, #00C8E1 50%, #FFF 0);
1820
1824
  background-size: 200% 100%;
1821
1825
  background-position: 100% 0;
1822
- animation: fillAnimation-100 15s ease forwards infinite;
1826
+ animation: fill-animation-100 15s ease forwards infinite;
1823
1827
 
1824
- @keyframes fillAnimation-100 {
1828
+ @keyframes fill-animation-100 {
1825
1829
  0%, 25%, 30%, 45% {
1826
1830
  background-position: 100% 0;
1827
1831
  color: gray;
@@ -2302,12 +2306,6 @@ span.results-table-item-value {
2302
2306
  box-shadow: 0 0 0 5px rgba(173, 216, 230, 0.5);
2303
2307
  }
2304
2308
 
2305
- .custom-section-elements {
2306
- height: 100%;
2307
- display: flex;
2308
- flex-direction: column;
2309
- }
2310
-
2311
2309
  .custom-elements-center {
2312
2310
  height: 100%;
2313
2311
  width: 100%;
@@ -837,7 +837,7 @@ header#main-header {
837
837
  @media screen and (max-width: 1023px) {
838
838
  display: initial;
839
839
  font-size: 28px;
840
- animation: changeIconColor 9s infinite;
840
+ animation: change-icon-color 9s infinite;
841
841
  }
842
842
  }
843
843
 
@@ -847,7 +847,7 @@ header#main-header {
847
847
  text-align: left;
848
848
  }
849
849
 
850
- @keyframes changeIconColor {
850
+ @keyframes change-icon-color {
851
851
  0%, 100% {
852
852
  color: #4335f9;
853
853
  }