npm - wickes-css2 - Versions diffs - 2.112.0-develop.1 → 2.112.0-develop.3 - Mend

@@ -188,7 +188,7 @@
   &__section {
     display: block;
     opacity: 0;
-    animation: fade-in .5s ease-in-out forwards;
+    animation: fade-in 0.5s ease-in-out forwards;
     .main-nav[data-ssr='true'] &:not(.slide-in):not(.slide-in-l2r) {
       opacity: 1;
@@ -257,15 +257,15 @@
 // Animations
 .main-nav__section.slide-in {
-  animation: slide-in .3s;
+  animation: slide-in 0.3s;
 }
 .main-nav__section.slide-in-l2r {
-  animation: slide-in-l2r .3s;
+  animation: slide-in-l2r 0.3s;
 }
 .fade-in {
-  animation: fade-in .3s;
+  animation: fade-in 0.3s;
 }
 @keyframes fade-in {
@@ -386,7 +386,6 @@ body.mobile-nav-opened {
     &__top-level__item {
       &:first-child {
         & .main-nav__top-level__label {
           border-top: 1px dashed $blue-dark;
         }
@@ -566,7 +565,6 @@ body.mobile-nav-opened {
       }
       .main-nav__sub-menu__item {
         &.js-open > div {
           display: block;
         }
@@ -647,14 +645,13 @@ body.mobile-nav-opened {
       left: 0;
       bottom: 0;
       background: $black;
-      opacity: .5;
+      opacity: 0.5;
       .js-visible ~ & {
         display: block;
       }
     }
     &__top-level__label {
       padding: 20px 0;
@@ -923,7 +920,7 @@ body.mobile-nav-opened {
       position: absolute;
       top: 100%;
       left: 15px;
-      animation: fade-in .3s;
+      animation: fade-in 0.3s;
       background-color: $white;
       padding: 30px;
       margin-top: -1px;
@@ -1074,7 +1071,7 @@ body.mobile-nav-opened {
       left: 0;
       bottom: 0;
       background: $black-transparent20;
-      animation: fade-in .3s;
+      animation: fade-in 0.3s;
       .is-hovered-lvl-1 ~ & {
         display: block;
@@ -1109,7 +1106,6 @@ body.mobile-nav-opened {
       grid-template-columns: repeat(4, 1fr);
     }
     &__offers__wrapper {
       display: none;
       width: 226px;

@@ -5,7 +5,7 @@
 .page_signup-tradepro {
   .page-header {
     &__info {
-      font-size: .875rem;
+      font-size: 0.875rem;
       margin-top: 1rem;
       margin-bottom: 0;
@@ -20,7 +20,6 @@
           margin-top: 0;
         }
       }
     }
     &__intro {
@@ -174,7 +173,6 @@
     }
     .btn-primary {
       .btn__text {
         font-size: 1rem;
       }
@@ -263,7 +261,7 @@
       }
       &:first-of-type {
-        font-size: .75rem;
+        font-size: 0.75rem;
         margin-bottom: 10px;
         font-weight: 500;
       }
@@ -339,7 +337,7 @@
   &__paragraph.warning-required {
     // sass-lint:disable no-important
-    font-size: .875rem;
+    font-size: 0.875rem;
     margin-top: 0;
     font-weight: normal !important;
   }

@@ -47,7 +47,7 @@
     :nth-last-child(2) > & {
       @include media-breakpoint-down(sm) {
         display: none;
-	  }
-	}
+      }
+    }
   }
 }

@@ -51,7 +51,7 @@
     :nth-last-child(2) > & {
       @include media-breakpoint-down(sm) {
         display: none;
-	  }
-	}
+      }
+    }
   }
 }

@@ -62,7 +62,7 @@
         font-weight: 500;
         &-text {
-          letter-spacing: .15px;
+          letter-spacing: 0.15px;
           position: relative;
           bottom: 0;
           font-size: 1rem;
@@ -111,7 +111,7 @@
     }
     &__copyright {
-      font-size: .75rem;
+      font-size: 0.75rem;
       display: flex;
       flex-direction: column;
       line-height: 1rem;

@@ -16,7 +16,7 @@
       list-style-type: none;
       font-size: 1rem;
       font-weight: 500;
-      letter-spacing: .15px;
+      letter-spacing: 0.15px;
     }
     &__item {
@@ -57,7 +57,7 @@
         pointer-events: none;
         &-text {
-          letter-spacing: .15px;
+          letter-spacing: 0.15px;
           color: $gray-dark;
         }
@@ -218,7 +218,7 @@
   border-top: 1px solid $gray-light;
   width: 100%;
   text-align: center;
-  font-size: .75rem;
+  font-size: 0.75rem;
   padding: 20px 0;
 }
@@ -482,7 +482,7 @@
   }
   .copyright {
-    font-size: .875rem;
+    font-size: 0.875rem;
     color: $footer-copyright;
   }
 }

@@ -75,7 +75,7 @@
 .header-hamburg,
 .header-mobileicon {
-  display:  none;
+  display: none;
 }
 .header-top-line {
@@ -86,7 +86,7 @@
 .header-top-line__item {
   color: $white;
   display: inline-block;
-  font-size: .75rem;
+  font-size: 0.75rem;
   line-height: 1rem;
   padding: 0 14px;
@@ -112,7 +112,6 @@
   }
   .btn {
     .svg-inline--fa.fa-w-12.svg-inline--fa.fa-w-12 {
       height: 22px;
       width: 15px;
@@ -148,7 +147,7 @@
   left: 0;
   right: 0;
   height: 100%;
-  opacity: .6;
+  opacity: 0.6;
   background: #000;
 }
@@ -228,7 +227,6 @@
   & svg {
     height: 24px;
   }
 }
 .touch-device .header-right__link.header-minicart__btn_link {
@@ -286,16 +284,16 @@ button.header-minicart__btn {
 .header-minicart__counter {
   position: absolute;
-  top: -(26px / 2);
+  top: -13px;
   right: 7px;
   display: inline-block;
   padding: 0 5px;
   height: 24px;
   min-width: 24px;
-  border-radius: (26px / 2);
+  border-radius: 13px;
   background-color: $red;
   color: $white;
-  font-size: .625rem;
+  font-size: 0.625rem;
   font-weight: bold;
   line-height: 24px;
   text-align: center;
@@ -689,4 +687,3 @@ button.header-minicart__btn {
     transform: translate3d(0, 0, 0); /* safari rendering fix */
   }
 }

@@ -42,10 +42,10 @@
     text-overflow: ellipsis;
     height: 50px;
     border-radius: 25px;
-    font-size: .75rem;
+    font-size: 0.75rem;
     .touch-device & {
-      font-size: .75rem;
+      font-size: 0.75rem;
       line-height: 1rem;
     }
   }
@@ -87,7 +87,7 @@
 @include media-breakpoint-up(sm) {
   .sign-up-subscription__email {
-    font-size: .875rem;
+    font-size: 0.875rem;
   }
 }

@@ -39,7 +39,7 @@
   h1 {
     text-align: center;
     margin-bottom: 0;
-    padding-bottom: .67em;
+    padding-bottom: 0.67em;
     font-size: 34px !important;
   }

wickes-css2 2.112.0-develop.1 → 2.112.0-develop.3