sempli-website-lib 7.0.0-beta.1 → 7.0.0-beta.3

package/styles/master-landing.scss

@@ -611,10 +611,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -787,10 +788,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -874,10 +876,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -1294,10 +1297,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -1794,10 +1798,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -2621,10 +2626,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -3121,10 +3127,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -3926,10 +3933,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -7464,10 +7472,11 @@ $default-has-layout-approach: zoom !default;
 
 @mixin has-layout-zoom {
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
-    *zoom: 1;
+    zoom: 1;
   }
 }
 
+
 @mixin has-layout-block {
   @if $legacy-support-for-ie {
     // This makes ie6 get layout
@@ -11555,7 +11564,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Regular.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: fallback;
@@ -11563,7 +11572,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Italic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
   font-display: fallback;
@@ -11571,7 +11580,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Bold.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: fallback;
@@ -11579,7 +11588,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Black.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: fallback;
@@ -11587,7 +11596,7 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Light.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Light.ttf') format('truetype');
   font-weight: 200;
   font-style: normal;
   font-display: fallback;
@@ -11595,7 +11604,7 @@ div.logo {
 
 // @font-face {
 //   font-family: 'Lato';
-//   src: url('^assets/swl/fonts/Lato/Lato-Hairline.ttf') format('truetype');
+//   src: url('/assets/swl/fonts/Lato/Lato-Hairline.ttf') format('truetype');
 //   font-weight: 100;
 //   font-style: normal;
 //   font-display: fallback;
@@ -11603,28 +11612,28 @@ div.logo {
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
   font-weight: 200;
   font-style: italic;
 }
 
 // @font-face {
 //   font-family: 'Lato';
-//   src: url('^assets/swl/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
+//   src: url('/assets/swl/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
 //   font-weight: 100;
 //   font-style: italic;
 // }
@@ -18663,7 +18672,7 @@ header.app-header {
 
     a {
       display: block;
-      background: url("^assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
+      background: url("/assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
       background-size: 87px 22px;
       height: 0;
       width: 130px;
@@ -19117,13 +19126,13 @@ header.app-header {
     .profile {
       &:hover {
         .profile-photo {
-          content:url("^assets/swl/interface/icons/profile-user-active-icon.svg");
+          content:url("/assets/swl/interface/icons/profile-user-active-icon.svg");
         }
       }
 
       &.active {
         .profile-photo {
-          content:url("^assets/swl/interface/icons/profile-user-active-icon.svg");
+          content:url("/assets/swl/interface/icons/profile-user-active-icon.svg");
         }
       }
     }
@@ -19362,7 +19371,7 @@ header.app-header {
   @include responsive($breakpoint-xmedium) {
     .bg-application-incomplete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -19370,28 +19379,28 @@ header.app-header {
 
     .bg-application-complete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-document-revision {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-options {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d7.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d7.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-application-rejected {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.webp") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -19399,14 +19408,14 @@ header.app-header {
 
     .bg-document-signature {
       .block-main {
-        background: url("^assets/swl/interface/illustration-signature.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-signature.webp") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-card-sempli-business {
       .block-main {
-        background: url("^assets/swl/interface/illustration-credit-card-ready.webp") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-credit-card-ready.webp") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -19415,42 +19424,42 @@ header.app-header {
 
   .dashboard-access-aside {
     .login-default {
-      content: url("^assets/swl/interface/login.webp");
+      content: url("/assets/swl/interface/login.webp");
     }
     .password-reset {
-      content: url("^assets/swl/interface/illustration-d2.webp");
+      content: url("/assets/swl/interface/illustration-d2.webp");
     }
   }
 
   .content-wrapper {
     .empty-loan-application-list {
-      content: url("^assets/swl/interface/illustration-d8.webp");
+      content: url("/assets/swl/interface/illustration-d8.webp");
     }
   }
 
   .application-completed-content {
     .application-completed-image {
-      content: url("^assets/swl/interface/illustration-d4.webp");
+      content: url("/assets/swl/interface/illustration-d4.webp");
     }
   }
 
   .response-handler {
     img.empty {
-      content: url("^assets/swl/interface/illustration-d2.webp");
+      content: url("/assets/swl/interface/illustration-d2.webp");
     }
 
     img.error {
-      content: url("^assets/swl/interface/illustration-d10.webp");
+      content: url("/assets/swl/interface/illustration-d10.webp");
     }
   }
 
   .virtual-card-section {
     .front {
-      background: url('^assets/swl/interface/credit-card-front.webp') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-front.webp') no-repeat center center;
     }
 
     .back {
-      background: url('^assets/swl/interface/credit-card-back.webp') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-back.webp') no-repeat center center;
     }
   }
 }
@@ -19459,7 +19468,7 @@ header.app-header {
   @include responsive($breakpoint-xmedium) {
     .bg-application-incomplete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.png") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -19467,28 +19476,28 @@ header.app-header {
 
     .bg-application-complete {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-document-revision {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d1.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d1.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-options {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d7.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d7.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-application-rejected {
       .block-main {
-        background: url("^assets/swl/interface/illustration-d2.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-d2.png") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -19496,14 +19505,14 @@ header.app-header {
 
     .bg-document-signature {
       .block-main {
-        background: url("^assets/swl/interface/illustration-signature.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-signature.png") no-repeat right bottom;
         background-size: contain;
       }
     }
 
     .bg-credit-card-sempli-business {
       .block-main {
-        background: url("^assets/swl/interface/illustration-credit-card-ready.png") no-repeat right bottom;
+        background: url("/assets/swl/interface/illustration-credit-card-ready.png") no-repeat right bottom;
         background-size: contain;
         background-position-x: 80%;
       }
@@ -19512,42 +19521,42 @@ header.app-header {
 
   .dashboard-access-aside {
     .login-default {
-      content: url("^assets/swl/interface/login.png");
+      content: url("/assets/swl/interface/login.png");
     }
     .password-reset {
-      content: url("^assets/swl/interface/illustration-d2.png");
+      content: url("/assets/swl/interface/illustration-d2.png");
     }
   }
 
   .content-wrapper {
     .empty-loan-application-list {
-      content: url("^assets/swl/interface/illustration-d8.png");
+      content: url("/assets/swl/interface/illustration-d8.png");
     }
   }
 
   .application-completed-content {
     .application-completed-image {
-      content: url("^assets/swl/interface/illustration-d4.png");
+      content: url("/assets/swl/interface/illustration-d4.png");
     }
   }
 
   .response-handler {
     img.empty {
-      content: url("^assets/swl/interface/illustration-d2.png");
+      content: url("/assets/swl/interface/illustration-d2.png");
     }
 
     img.error {
-      content: url("^assets/swl/interface/illustration-d10.png");
+      content: url("/assets/swl/interface/illustration-d10.png");
     }
   }
 
   .virtual-card-section {
     .front {
-      background: url('^assets/swl/interface/credit-card-front.png') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-front.png') no-repeat center center;
     }
 
     .back {
-      background: url('^assets/swl/interface/credit-card-back.png') no-repeat center center;
+      background: url('/assets/swl/interface/credit-card-back.png') no-repeat center center;
     }
   }
 }
@@ -20464,7 +20473,7 @@ section.account-wrapper {
 
       a {
         display: block;
-        background: url("^assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
+        background: url("/assets/swl/interface/sempli-logo.svg") no-repeat 50% 50%;
         background-size: 114px 30px;
         height: 0;
         width: 114px;

package/styles/partials/_fonts.scss

@@ -7,7 +7,7 @@
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Regular.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: fallback;
@@ -15,7 +15,7 @@
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Italic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
   font-display: fallback;
@@ -23,7 +23,7 @@
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Bold.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: fallback;
@@ -31,7 +31,7 @@
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Black.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: fallback;
@@ -39,7 +39,7 @@
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-Light.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-Light.ttf') format('truetype');
   font-weight: 200;
   font-style: normal;
   font-display: fallback;
@@ -47,7 +47,7 @@
 
 // @font-face {
 //   font-family: 'Lato';
-//   src: url('^assets/swl/fonts/Lato/Lato-Hairline.ttf') format('truetype');
+//   src: url('/assets/swl/fonts/Lato/Lato-Hairline.ttf') format('truetype');
 //   font-weight: 100;
 //   font-style: normal;
 //   font-display: fallback;
@@ -55,28 +55,28 @@
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Lato';
-  src: url('^assets/swl/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
+  src: url('/assets/swl/fonts/Lato/Lato-LightItalic.ttf') format('truetype');
   font-weight: 200;
   font-style: italic;
 }
 
 // @font-face {
 //   font-family: 'Lato';
-//   src: url('^assets/swl/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
+//   src: url('/assets/swl/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
 //   font-weight: 100;
 //   font-style: italic;
 // }