wickes-css2 2.112.0-develop.1 → 2.112.0-es-3143-upgrade-node-version.2

package/src/scss/pages/_my-account_new.scss

@@ -84,7 +84,7 @@
     svg {
       width: 1.25em;
       height: 1.25em;
-      vertical-align: - .25em;
+      vertical-align: -0.25em;
     }
   }
 
@@ -227,9 +227,9 @@
     &-msg {
       color: $red;
       line-height: 1rem;
-      font-size: .75rem;
+      font-size: 0.75rem;
       display: inherit;
-      margin-top: .5rem;
+      margin-top: 0.5rem;
     }
   }
 }
@@ -311,7 +311,7 @@
         background: $green;
         color: $white;
         text-align: center;
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 500;
         line-height: 1.57143;
         cursor: pointer;
@@ -352,7 +352,7 @@
       border: 1px solid;
       border-color: $gray $gray $warm-grey;
       text-align: center;
-      font-size: .9375rem;
+      font-size: 0.9375rem;
       color: $blue;
       cursor: pointer;
 
@@ -397,7 +397,7 @@
         display: none;
         color: $red;
         line-height: 1rem;
-        font-size: .75rem;
+        font-size: 0.75rem;
       }
     }
 
@@ -433,7 +433,7 @@
     &__quest {
       & .chb {
         margin-bottom: 20px;
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 400;
 
         &:last-of-type {
@@ -504,7 +504,7 @@
 
           & a {
             font-weight: 500;
-            font-size: .875rem;
+            font-size: 0.875rem;
           }
         }
 
@@ -531,7 +531,6 @@
     &__res {
       @include make-col(9);
       padding-right: 15px;
-
     }
 
     &__edit {
@@ -555,7 +554,7 @@
 
     &__cost,
     &__amount {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 500;
     }
 
@@ -564,7 +563,7 @@
     }
 
     &__descr {
-      font-size: .875rem;
+      font-size: 0.875rem;
 
       &_s {
         .stock {
@@ -643,7 +642,7 @@
     }
 
     &__name {
-      font-size: .9375rem;
+      font-size: 0.9375rem;
       font-weight: 500;
       text-transform: uppercase;
       white-space: nowrap;
@@ -657,7 +656,7 @@
 
     &__stock {
       text-transform: uppercase;
-      line-height: .875rem;
+      line-height: 0.875rem;
     }
 
     &__amount {
@@ -699,10 +698,9 @@
       }
 
       &_uom {
-        font-size: .75rem;
+        font-size: 0.75rem;
       }
     }
-
   }
 
   .chosen {
@@ -819,7 +817,7 @@
 
     &_msg {
       padding-left: 10px;
-      font-size: .875rem;
+      font-size: 0.875rem;
       line-height: 19px;
     }
 
@@ -837,7 +835,7 @@
       .def-stock__tab {
         text-decoration: $blue underline;
         cursor: pointer;
-        margin-left: .875rem;
+        margin-left: 0.875rem;
       }
 
       & + .stock__content {
@@ -871,7 +869,7 @@
     }
 
     .store-state {
-      font-size: .75rem;
+      font-size: 0.75rem;
       text-transform: none;
       font-weight: bold;
     }
@@ -977,17 +975,15 @@
     text-align: center;
     color: $gray-dark;
     background: $gray-light;
-    font-size: .75rem;
+    font-size: 0.75rem;
     font-weight: 400;
     line-height: 1.125rem;
 
-
     &_amount {
       font-size: 1rem;
       font-weight: 500;
       line-height: 1;
     }
-
   }
 
   &__s-name {
@@ -1016,7 +1012,7 @@
   &__phone,
   &__postcode,
   &__address {
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 500;
 
     &_val {
@@ -1035,7 +1031,7 @@
   &__action {
     display: flex;
     justify-content: space-between;
-    font-size: .9375rem;
+    font-size: 0.9375rem;
   }
 
   &__tgl-map,
@@ -1064,7 +1060,7 @@
     &_title {
       margin-top: 20px;
       margin-bottom: 15px;
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: bold;
     }
   }
@@ -1102,13 +1098,13 @@
 
     &_day {
       font-weight: 400;
-      font-size: .875rem;
+      font-size: 0.875rem;
     }
 
     &_cell {
       border: 1px solid $gray-light;
 
-      &:nth-child(2n+1) {
+      &:nth-child(2n + 1) {
         padding-left: 20px;
         background: $gray-light;
         color: $gray-dark;
@@ -1201,13 +1197,13 @@
       }
 
       &__bot {
-        transition: .6s ease-in;
+        transition: 0.6s ease-in;
       }
     }
   }
 
   .s-details {
-    transition: .5s ease;
+    transition: 0.5s ease;
     position: absolute;
     z-index: 1;
     top: 0;
@@ -1245,7 +1241,7 @@
   .bw {
     .stock {
       &__title {
-        font-size: .9375rem;
+        font-size: 0.9375rem;
       }
     }
 
@@ -1297,7 +1293,6 @@
   }
 }
 
-
 @include media-breakpoint-down(sm) {
   .page_my-account_new {
     .table_profile {
@@ -1409,7 +1404,6 @@
   }
 }
 
-
 @include media-breakpoint-only(md) {
   .page_my-account_new {
     .my-account-section_details {

package/src/scss/pages/_my-account_order-details.scss

@@ -30,7 +30,7 @@
 
   .order-history-section__content {
     @include media-breakpoint-up(md) {
-      font-size: .875rem;
+      font-size: 0.875rem;
     }
 
     &_header-section {

package/src/scss/pages/_my-account_order-history.scss

@@ -1,5 +1,4 @@
 .sort-order-by {
-
   .form-row__label {
     align-self: center;
     display: inline-block;
@@ -13,6 +12,6 @@
 }
 
 .touch-device .sort-order-by .ddn select {
-  font-size: .875rem;
+  font-size: 0.875rem;
   line-height: 1.57143;
 }

package/src/scss/pages/_my-account_personal-details.scss

@@ -1,7 +1,6 @@
 @import '../helpers/helpers';
 
 .form-personal-details {
-
   &__row {
     @include make-row;
   }
@@ -39,11 +38,9 @@
   }
 
   .row-title {
-
     .form-row__label,
     .form-row__field,
     .form-row__info {
-
       @include media-breakpoint-down(sm) {
         @include make-col-offset(0);
       }
@@ -59,7 +56,6 @@
     }
 
     .form-row__field {
-
       @include media-breakpoint-down(sm) {
         @include make-col(12);
       }
@@ -77,7 +73,6 @@
   }
 
   .form-row__action {
-
     .form-row__col-btn {
       @include media-breakpoint-down(sm) {
         @include make-col(12);

package/src/scss/pages/_my-account_profile.scss

@@ -1,5 +1,4 @@
 .my-account-section_email {
-
   @include media-breakpoint-up(md) {
     .row + .row {
       margin-top: 20px;
@@ -10,7 +9,7 @@
     @include make-col-ready;
 
     @include media-breakpoint-up(md) {
-      @include make-col(4)
+      @include make-col(4);
     }
   }
 }

package/src/scss/pages/_my-account_your-account.scss

@@ -64,4 +64,3 @@
     }
   }
 }
-

package/src/scss/pages/_page_category-landing.scss

@@ -60,7 +60,8 @@
   color: $blue;
 }
 
-.full-width-offers { //TBD: need to be refactored. Temporary decision
+.full-width-offers {
+  //TBD: need to be refactored. Temporary decision
   @include media-breakpoint-down(xl) {
     .change-card {
       // sass-lint:disable no-important
@@ -137,7 +138,7 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        transition: all .5s;
+        transition: all 0.5s;
       }
 
       &__img {

package/src/scss/pages/bicester-header.scss

@@ -34,4 +34,3 @@
     }
   }
 }
-

package/src/scss/pages/checkout-new.scss

@@ -196,13 +196,18 @@ body {
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
-    width: 41px;
-    height: 41px;
+    width: 48px;
+    height: 48px;
 
     .svg-inline--fa.fa-shipping-fast {
       font-size: 1.7rem;
       height: auto;
     }
+
+    .banner-news__img {
+      width: 48px;
+      height: auto;
+    }
   }
 }
 

package/src/scss/pages/checkout.scss

@@ -94,7 +94,6 @@ body {
   }
 
   .supplier-delivery-heading {
-
     .supply-info {
       &__time {
         display: none;
@@ -136,7 +135,7 @@ body {
   }
 
   &__address {
-    font-size: .875rem;
+    font-size: 0.875rem;
     line-height: 1.375rem;
   }
 }
@@ -185,7 +184,7 @@ body {
   }
 
   .checkout-address-time__time-additional {
-    font-size: .625rem;
+    font-size: 0.625rem;
     line-height: 1rem;
   }
 
@@ -194,7 +193,7 @@ body {
   }
 
   .checkout-address-time__address {
-    font-size: .875rem;
+    font-size: 0.875rem;
     line-height: 1.375rem;
   }
 }
@@ -305,7 +304,7 @@ body {
 
   .checkout-address-time_sidebar {
     .checkout-address-time__address {
-      font-size: .75rem;
+      font-size: 0.75rem;
       line-height: 1.25rem;
     }
   }

package/src/scss/pages/home-movers.scss

@@ -64,7 +64,7 @@
 
     &__title,
     &__description {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 400;
       line-height: 20px;
     }

package/src/scss/pages/iframe-paypage.scss

@@ -35,8 +35,8 @@ body {
   position: absolute;
   left: -10000px;
   top: auto;
-  width: .063em;
-  height: .063em;
+  width: 0.063em;
+  height: 0.063em;
   overflow: hidden;
 }
 
@@ -97,7 +97,7 @@ body {
   font-size: medium;
   font-weight: 400;
   background-color: #c00;
-  border: .125em solid #c00;
+  border: 0.125em solid #c00;
   padding: 5px 2px;
   margin: 5px;
   list-style: none outside none;
@@ -111,7 +111,7 @@ body {
 
 .inlineText {
   display: block;
-  font-size: .75em;
+  font-size: 0.75em;
   font-weight: 400;
   width: 100%;
   float: left;
@@ -147,7 +147,7 @@ body {
 }
 
 .formInput {
-  font-size: .875rem;
+  font-size: 0.875rem;
   line-height: 1.57143;
   background: #fff;
   border: 1px solid #ccc;
@@ -196,14 +196,14 @@ input.inputError,
 select.inputError {
   background-color: #ffe3e3 !important;
   color: #800;
-  border: .1em solid #800;
+  border: 0.1em solid #800;
 }
 
 input.inputValid,
 select.inputValid {
   background-color: #dfffdf !important;
   color: #005f00;
-  border: .1em solid #005f00;
+  border: 0.1em solid #005f00;
 }
 
 label.labelError {
@@ -218,7 +218,7 @@ label.labelError {
 }
 
 #purchaseDetailsHeader {
-  padding-top: .5%;
+  padding-top: 0.5%;
 }
 
 #paymentDetailsHeader {
@@ -276,8 +276,8 @@ label.labelError {
   position: absolute;
   left: -10000px;
   top: auto;
-  width: .063em;
-  height: .063em;
+  width: 0.063em;
+  height: 0.063em;
   overflow: hidden;
 }
 
@@ -305,7 +305,7 @@ label.labelError {
   font-style: italic;
   font-weight: 400;
   font-size: medium;
-  margin-left: .625em;
+  margin-left: 0.625em;
 }
 
 #confirmCsc,
@@ -351,15 +351,15 @@ label.labelError {
     left bottom,
     left top,
     color-stop(0, #f5a30d),
-    color-stop(.82, #ffd786)
+    color-stop(0.82, #ffd786)
   ) !important;
   color: #036 !important;
-  border-radius: .313em;
-  -moz-border-radius: .313em;
-  -webkit-border-radius: .313em;
-  box-shadow: .188em .188em .188em #ccc;
-  -moz-box-shadow: .188em .188em .188em #ccc;
-  -webkit-box-shadow: .188em .188em .188em #ccc;
+  border-radius: 0.313em;
+  -moz-border-radius: 0.313em;
+  -webkit-border-radius: 0.313em;
+  box-shadow: 0.188em 0.188em 0.188em #ccc;
+  -moz-box-shadow: 0.188em 0.188em 0.188em #ccc;
+  -webkit-box-shadow: 0.188em 0.188em 0.188em #ccc;
 }
 
 a,
@@ -387,14 +387,14 @@ a:visited {
 
 #cscDialogContent,
 #payerAuthDialogContent {
-  box-shadow: .313em .313em .313em #ccc;
-  -moz-box-shadow: .313em .313em .313em #ccc;
-  -webkit-box-shadow: .313em .313em .313em #ccc;
+  box-shadow: 0.313em 0.313em 0.313em #ccc;
+  -moz-box-shadow: 0.313em 0.313em 0.313em #ccc;
+  -webkit-box-shadow: 0.313em 0.313em 0.313em #ccc;
   display: block;
   margin: 0 auto;
   background: #fff;
   border: #636b70;
-  border-width: .063em;
+  border-width: 0.063em;
   border-style: solid;
   text-align: center;
 }
@@ -408,7 +408,7 @@ a:visited {
 }
 
 #cscDialogTitle {
-  margin: .75em 0 .563em .6em;
+  margin: 0.75em 0 0.563em 0.6em;
 }
 
 #cscDialogTitle,
@@ -438,7 +438,7 @@ a:visited {
 #cscBottomImage {
   height: 6em;
   width: 100%;
-  margin: .625em 0 .5em;
+  margin: 0.625em 0 0.5em;
   text-align: center;
 }
 
@@ -495,9 +495,9 @@ a:visited {
 
 .noJsReturnPanel {
   display: block;
-  margin-top: .938em;
+  margin-top: 0.938em;
   border: thin solid #d00;
-  padding: .625em .625em .625em 2.5em;
+  padding: 0.625em 0.625em 0.625em 2.5em;
   color: #cc292b;
   font-size: medium;
 }
@@ -506,7 +506,7 @@ a:visited {
   display: block;
   margin: 0 auto;
   text-align: center;
-  padding: .313em;
+  padding: 0.313em;
 }
 
 .wait {
@@ -518,7 +518,7 @@ a:visited {
   z-index: 6000;
   overflow: auto;
   border: #636b70;
-  border-width: .063em;
+  border-width: 0.063em;
   border-style: solid;
   width: 14.5em;
   height: 4em;
@@ -533,7 +533,7 @@ a:visited {
 }
 
 #overlay {
-  opacity: .4;
+  opacity: 0.4;
   top: 0;
   left: 0;
   background-color: #dcdcdc;
@@ -542,7 +542,7 @@ a:visited {
 }
 
 .opaque {
-  opacity: .4;
+  opacity: 0.4;
   zoom: 1;
 }
 
@@ -559,7 +559,7 @@ tbody tr td {
 
 #progressSpinnerImage {
   margin: 0 auto;
-  margin-bottom: .6em;
+  margin-bottom: 0.6em;
   width: 2em;
   height: 2em;
   display: block;
@@ -629,8 +629,8 @@ tbody tr td {
 
 .basketHeader {
   font-weight: 700;
-  font-size: .625em;
-  padding-left: .625em;
+  font-size: 0.625em;
+  padding-left: 0.625em;
 }
 
 .basketItemQty,
@@ -668,13 +668,13 @@ tbody tr td {
 .billingAddress,
 .shippingAddress {
   display: block;
-  padding-left: .625em;
+  padding-left: 0.625em;
   text-align: left;
   clear: left;
 }
 
 #paymentMethodHeader {
-  padding-top: .313em;
+  padding-top: 0.313em;
 }
 
 button {
@@ -690,13 +690,13 @@ button {
 .paymentMethodPAY_PAL,
 .paymentMethodSOFORT {
   display: block;
-  margin: .625em;
+  margin: 0.625em;
 }
 
 .paymentMethodCARD {
   width: 12.125em;
-  border: .063em solid #ccc;
-  border-radius: .625em;
+  border: 0.063em solid #ccc;
+  border-radius: 0.625em;
 }
 
 .paymentMethodPAY_PAL {
@@ -763,14 +763,14 @@ fieldset {
 
 #checkBoxSection,
 #checkBoxSection2 {
-  margin-top: .5em;
+  margin-top: 0.5em;
 }
 
 .basketItemImage {
   width: 2.5em;
   height: 2.5em;
   float: left;
-  margin-right: .5em;
+  margin-right: 0.5em;
 }
 
 #amexAcceptanceMarkLink,
@@ -811,18 +811,18 @@ fieldset {
 .cardType {
   display: block !important;
   background-repeat: no-repeat;
-  padding: .125em;
+  padding: 0.125em;
 }
 
 #confirmCardLabel {
   display: block !important;
-  font-size: .75em;
+  font-size: 0.75em;
   font-weight: 700;
 }
 
 #confirmCardExpiryLabel {
   display: block !important;
-  font-size: .6em;
+  font-size: 0.6em;
   font-style: italic;
 }
 
@@ -916,7 +916,7 @@ textarea {
 }
 
 input[type="radio"] {
-  margin: 1em .25em;
+  margin: 1em 0.25em;
 }
 
 input.inputError {