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

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

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 (309) hide show

package/src/scss/components/_ti-floor.scss CHANGED Viewed

@@ -64,7 +64,7 @@
     display: flex;
     align-items: center;
     vertical-align: center;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 400;
     line-height: 22px;
@@ -85,7 +85,7 @@
   &__specification,
   &__result-specification {
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 700;
     line-height: 22px;
   }
@@ -110,7 +110,7 @@
     background: $gray-bg;
     padding: 15px 0;
     text-decoration: underline;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 500;
     line-height: 22px;
     color: $blue;
@@ -195,7 +195,6 @@
 @include media-breakpoint-down(sm) {
   .ti-floor {
     &:not(:first-of-type) {
       margin-top: 10px;
     }

package/src/scss/components/_ti-header.scss CHANGED Viewed

@@ -7,7 +7,7 @@
   &-inactive .ti__header-number,
   &-inactive .ti__header-title,
   &-inactive .ti__header-hint {
-    opacity: .5;
+    opacity: 0.5;
   }
   & h3 {
@@ -28,7 +28,7 @@
   &-hint {
     display: block;
     color: $pewter;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 400;
     line-height: 24px;

package/src/scss/components/_ti-radio.scss CHANGED Viewed

@@ -9,7 +9,7 @@
   &__info {
     padding-top: 10px;
     padding-left: 34px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 700;
     line-height: 22px;
     margin-bottom: 0;
@@ -22,7 +22,7 @@
   }
   &__item {
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 400;
     line-height: 24px;
   }
@@ -32,7 +32,7 @@
     .ti__phone {
       padding: 6px;
-      margin-right: .75rem;
+      margin-right: 0.75rem;
       border: 1px solid $blue;
       border-radius: 50%;
       text-align: center;
@@ -128,7 +128,7 @@
     .choose {
       &__callback {
         & label {
-          margin-bottom: .75rem;
+          margin-bottom: 0.75rem;
         }
         .form-details {

package/src/scss/components/_ti-total-area.scss CHANGED Viewed

@@ -16,7 +16,7 @@
   &__waste {
     width: 100%;
     text-align: right;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 400;
     line-height: 1;
     justify-content: flex-end;
@@ -35,13 +35,13 @@
     padding-bottom: 5px;
     &-specification {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 700;
       line-height: 22px;
     }
     &-value {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 400;
       line-height: 22px;
     }
@@ -66,7 +66,7 @@
       display: inline-block;
     }
-    &  .ti-total-area__detail-accordion {
+    & .ti-total-area__detail-accordion {
       font-weight: 500;
       padding-right: 3px;
     }
@@ -86,7 +86,7 @@
   &__detail-accordion,
   .accordion__header-icon-small {
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 500;
     line-height: 17px;
     text-decoration: underline;
@@ -101,7 +101,7 @@
   &__details-hidden {
     margin-top: 15px;
-    transition: all .5s ease;
+    transition: all 0.5s ease;
     & > .notification_warning {
       padding: 8px 20px;
@@ -127,7 +127,7 @@
     }
     & .notification_warning > p {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 400;
       line-height: 22px;
@@ -158,7 +158,7 @@
     line-height: 24px;
     .ti__step1-inactive & {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 700;
       line-height: 22px;
     }
@@ -261,7 +261,7 @@
       }
       & .ti-total-area__specification {
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 700;
       }
     }
@@ -305,7 +305,7 @@
     }
     &__specification {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 700;
       line-height: 22px;
       max-width: 70%;

package/src/scss/components/_tile-banner.scss CHANGED Viewed

@@ -104,7 +104,7 @@
       @include media-breakpoint-down(sm) {
         text-align: left;
         max-width: 170px;
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 700;
         line-height: 19px;
       }

package/src/scss/components/_tile-product.scss CHANGED Viewed

@@ -36,7 +36,6 @@
         height: 80px;
       }
     }
   }
   &__title {
@@ -72,7 +71,7 @@
   }
   &__price {
-    font-size: .875rem;
+    font-size: 0.875rem;
     padding-top: 5px;
     @include media-breakpoint-down(sm) {
@@ -86,12 +85,12 @@
       font-size: 1rem;
       @include media-breakpoint-down(sm) {
-        font-size: .875rem;
+        font-size: 0.875rem;
       }
     }
     &-sqm {
-      font-size: .875rem;
+      font-size: 0.875rem;
       font-weight: 700;
       line-height: 22px;
       color: $pewter;

package/src/scss/components/_tooltip.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 .tooltip {
-  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .12));
+  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.12));
   position: absolute;
   z-index: 99;
@@ -9,7 +9,7 @@
     padding: 8px 16px !important;
     border-radius: 4px;
     font-weight: 400;
-    font-size: .875rem;
+    font-size: 0.875rem;
     line-height: 1.375rem;
     max-width: 340px !important;
   }

package/src/scss/components/_trade-offers.scss CHANGED Viewed

@@ -1,5 +1,4 @@
 .trade-offers {
   .card {
     @include make-col-ready;
     @include make-col(6);

package/src/scss/components/_tradepro-discount-banner.scss CHANGED Viewed

@@ -62,7 +62,6 @@
     left: 0;
     right: 0;
   }
 }
 @media screen and (max-width: 370px) {

package/src/scss/components/_user-address-delivery.scss CHANGED Viewed

@@ -66,7 +66,6 @@
   }
 }
 @include media-breakpoint-up(md) {
   .user-address-delivery {
     .delivery-address {
@@ -116,7 +115,6 @@
   }
 }
 @include media-breakpoint-only(md) {
   .user-address-delivery {
     .delivery-address {
@@ -136,5 +134,5 @@
         }
       }
     }
-  }
+  }
 }

package/src/scss/components/_user-address.scss CHANGED Viewed

@@ -18,7 +18,7 @@
     border-left: 1px solid $gray;
     @include media-breakpoint-up(md) {
-      @include make-col(4)
+      @include make-col(4);
     }
   }

package/src/scss/components/_usp-component.scss CHANGED Viewed

@@ -73,7 +73,6 @@
   display: none;
 }
 @media (max-width: 1110px) {
   .new-usp {
     &-container,

package/src/scss/components/_voucher-accordion.scss CHANGED Viewed

@@ -11,7 +11,7 @@
     display: flex;
     justify-content: space-between;
     color: $blue;
-    font-size: .875rem;
+    font-size: 0.875rem;
     &.collapsed {
       margin-bottom: 0;
@@ -47,10 +47,10 @@
 .collapsing {
   height: 0;
   overflow: hidden;
-  transition: height .3s ease-in-out;
+  transition: height 0.3s ease-in-out;
 }
 .collapse.show {
   height: auto;
-  transition: height .3s ease-in-out;
+  transition: height 0.3s ease-in-out;
 }

package/src/scss/components/_wisdom-critical.scss CHANGED Viewed

@@ -66,7 +66,7 @@
     display: none;
     color: $red;
     line-height: 1rem;
-    font-size: .75rem;
+    font-size: 0.75rem;
   }
 }
@@ -101,7 +101,7 @@
       order: 3;
       flex: 1;
       max-width: 100%;
-      margin-top: .5rem;
+      margin-top: 0.5rem;
       margin-bottom: 0;
     }
@@ -118,4 +118,3 @@
     }
   }
 }

package/src/scss/components/_wisdom.scss CHANGED Viewed

@@ -114,7 +114,7 @@
         order: 3;
         flex: 1;
         max-width: 100%;
-        margin-top: .5rem;
+        margin-top: 0.5rem;
         margin-bottom: 0;
       }
@@ -287,7 +287,6 @@
       }
     }
     //&.wisdom__added {
     //  .wisdom {
     //    &__description {
@@ -494,7 +493,7 @@
     margin-bottom: 23px;
     color: $red;
     font-weight: 500;
-    font-size: .875rem;
+    font-size: 0.875rem;
     &-hide {
       display: none;
@@ -513,7 +512,7 @@
     display: none;
     color: $red;
     line-height: 1rem;
-    font-size: .75rem;
+    font-size: 0.75rem;
   }
   &__notification {
@@ -608,7 +607,7 @@
       }
       &__wisdom {
-        @include make-col(8)
+        @include make-col(8);
       }
     }
@@ -669,7 +668,6 @@
   }
 }
 @include media-breakpoint-up(md) {
   .wisdom {
     &-modal {
@@ -678,7 +676,7 @@
       }
       &__wisdom {
-        @include make-col(7)
+        @include make-col(7);
       }
     }
@@ -721,7 +719,7 @@
       order: 3;
       flex: 1;
       max-width: 100%;
-      margin-top: .5rem;
+      margin-top: 0.5rem;
       margin-bottom: 0;
     }
@@ -738,4 +736,3 @@
     }
   }
 }

package/src/scss/components/_your-details.scss CHANGED Viewed

@@ -21,7 +21,6 @@
   padding-left: 30px;
   padding-right: 30px;
   &__help,
   &__add {
     &-wrap {

package/src/scss/components/account-families/_add-members.scss CHANGED Viewed

@@ -46,7 +46,6 @@
         margin-right: 8px;
         font-size: 1rem;
       }
     }
     .form-row {
@@ -63,7 +62,6 @@
         padding-right: 0;
       }
     }
   }
   .new-member-list {
@@ -125,7 +123,7 @@
       }
       .tbx {
-        font-size: .875rem;
+        font-size: 0.875rem;
         &:read-only {
           background: $blue-transparent10;

package/src/scss/components/account-families/_member-card.scss CHANGED Viewed

@@ -74,7 +74,7 @@
     border-radius: 0 10px 0 16px;
     background: $blue-dark;
     color: $white;
-    font-size: .75rem;
+    font-size: 0.75rem;
     line-height: 1rem;
     font-weight: 500;
     max-width: max-content;
@@ -96,7 +96,7 @@
 @include media-breakpoint-up(md) {
   .member-card {
     &__label {
-      font-size: .875rem;
+      font-size: 0.875rem;
       padding: 8px 30px;
     }
@@ -113,7 +113,7 @@
     }
   }
-  &.member-card {
+  .member-card {
     padding: 20px;
   }
 }

package/src/scss/components/card-store-locator-v2.scss CHANGED Viewed

@@ -90,7 +90,6 @@
   }
   &__address {
     padding: 0;
     .store-locator-details & {

package/src/scss/components/card_v2.scss CHANGED Viewed

@@ -46,7 +46,6 @@
         @include media-breakpoint-down(sm) {
           padding-left: 0;
           padding-right: 0;
         }
       }
@@ -58,7 +57,6 @@
   }
   .product-card {
     & .card__inner-v2:hover {
       border: 1px solid $gray-dark;
@@ -93,7 +91,7 @@
       & .product-card__title.product-card__title-v2 {
         @include clamp-text(3);
         margin-top: 5px;
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 700;
         line-height: 18px;
@@ -129,7 +127,6 @@
     &__price-value.product-card__price-value.product-card__price-value {
       font-size: 1.5rem;
       @media screen and (max-width: 321px) {
         font-size: 1.125rem;
       }
@@ -143,7 +140,7 @@
     }
     .product-rating.product-rating-v2 {
-      font-size: .875rem;
+      font-size: 0.875rem;
       .fa-star {
         margin-right: 0;
@@ -173,7 +170,6 @@
           &-sqm {
             color: $red;
           }
         }
       }
@@ -193,7 +189,7 @@
         text-align: left;
         width: 100%;
         margin-right: 0;
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 500;
         line-height: 14px;
         color: $blue-dark;

package/src/scss/components/checkout-loader-modal.scss CHANGED Viewed

@@ -4,7 +4,6 @@
   display: none;
 }
 @include media-breakpoint-down(sm) {
   .preloader {
     display: block;

package/src/scss/components/energy-efficiency.scss CHANGED Viewed

@@ -71,7 +71,7 @@
   width: 45px;
   position: relative;
   height: 25px;
-  clip-path: polygon(0% 0%, calc(100% - .87em) 0%, 100% 50%, calc(100% - .87em) 100%, 0% 100%);
+  clip-path: polygon(0% 0%, calc(100% - 0.87em) 0%, 100% 50%, calc(100% - 0.87em) 100%, 0% 100%);
   background-color: $gray;
   padding-right: 10px;
@@ -86,11 +86,11 @@
       position: absolute;
       left: 0;
       top: 0;
-      border-radius: .5px 0 0 .5px;
+      border-radius: 0.5px 0 0 0.5px;
     }
     .energy-label-text {
-      -webkit-text-stroke: .5px $black;
+      -webkit-text-stroke: 0.5px $black;
     }
   }
@@ -100,7 +100,7 @@
   &__multiple {
     padding-left: 3px;
-    letter-spacing: -.3px;
+    letter-spacing: -0.3px;
   }
   &-text {
@@ -135,7 +135,7 @@
     border: 1px solid $black;
     clip-path: polygon(0 0, 73% 0, 100% 50%, 73% 100%, 0 100%);
     background: $black;
-    border-radius: .5px;
+    border-radius: 0.5px;
   }
   &--c-auto:not(:disabled):not(.disabled) {
@@ -194,7 +194,7 @@
     border: 0;
     @include media-breakpoint-up(md) {
-      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .4);
+      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
     }
   }

package/src/scss/components/global-search.scss CHANGED Viewed

@@ -88,15 +88,15 @@
         svg.svg-inline--fa {
           color: $white;
-          width: .96em;
+          width: 0.96em;
           height: auto;
         }
       }
       &:hover,
       &:focus {
-        opacity: .8;
-        transition: .3s all;
+        opacity: 0.8;
+        transition: 0.3s all;
       }
     }
   }
@@ -151,8 +151,8 @@
     &:hover,
     &:focus {
-      opacity: .8;
-      transition: all .3s;
+      opacity: 0.8;
+      transition: all 0.3s;
       color: $blue;
     }
   }
@@ -293,7 +293,7 @@
     }
     p {
-      font-size: .75rem;
+      font-size: 0.75rem;
       margin-bottom: 0;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -337,7 +337,7 @@
 #contentPages {
   p {
-    font-size: .875rem;
+    font-size: 0.875rem;
   }
 }
@@ -415,7 +415,7 @@
     left: 50%;
     transform: translate(-50%, 0);
     border-radius: 10px;
-    box-shadow: 0 1px 5px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2);
+    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
     padding: 15px;
     &--has-tradepro-banner {
@@ -587,10 +587,10 @@
 .search_reviews {
   color: $warm-grey;
   line-height: 16px;
-  font-size: .75rem;
+  font-size: 0.75rem;
   margin: 0;
   transform: translateY(3px);
-  margin-right: .5em;
+  margin-right: 0.5em;
   .product-rating {
     display: flex;
@@ -606,7 +606,7 @@
       .fa-star {
         display: block;
         margin-right: 2px;
-        font-size: .88em;
+        font-size: 0.88em;
       }
     }
@@ -632,19 +632,19 @@
 }
 .search-price {
-  font-size: .875rem;
+  font-size: 0.875rem;
   color: $blue-dark;
   font-weight: 700;
   display: flex;
   margin-left: auto;
   &__old-price {
-    font-size: .625rem;
+    font-size: 0.625rem;
     color: $warm-grey;
     font-weight: 500;
     line-height: 1.375rem;
     margin-right: 4px;
-    margin-top: .1rem;
+    margin-top: 0.1rem;
   }
   &__new-price {