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

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

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

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

@@ -55,7 +55,6 @@
     border-left: 0;
     border-right: 0;
     @include media-breakpoint-up(sm) {
       flex-direction: column;
       border-left: 1px solid $gray;
@@ -72,7 +71,6 @@
     }
     .card__img {
       @include media-breakpoint-down(sm) {
         padding-top: 15px;
         padding-bottom: 10px;
@@ -98,7 +96,6 @@
   @include badges;
   .full-width-offers & {
     width: 100%;
   }
@@ -116,7 +113,7 @@
     &_ends {
       background-color: $gray-dark-transparent75;
-      font-size: .75rem;
+      font-size: 0.75rem;
       font-weight: 500;
       line-height: 14px;
     }
@@ -228,7 +225,6 @@
       margin-right: 5px;
     }
   }
 }
 .card__content {

package/src/scss/components/_cards-slider.scss CHANGED Viewed

@@ -66,7 +66,7 @@
     background-color: $gray;
     height: 6px;
     width: 6px;
-    transition: width .3s ease-in, background-color .3s ease-in;
+    transition: width 0.3s ease-in, background-color 0.3s ease-in;
     &-active {
       background-color: $blue;

package/src/scss/components/_category-tree.scss CHANGED Viewed

@@ -5,9 +5,9 @@
     &_small {
       padding-left: 0;
-      font-size: .75rem;
+      font-size: 0.75rem;
       line-height: normal;
-      letter-spacing: -.2px;
+      letter-spacing: -0.2px;
     }
     .btn-toggle {

package/src/scss/components/_charity-donations.scss CHANGED Viewed

@@ -10,13 +10,13 @@
   }
   &__msg {
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 500;
   }
   &__prompt {
     display: block;
-    font-size: .75rem;
+    font-size: 0.75rem;
     font-weight: 400;
   }
@@ -79,12 +79,12 @@
     .title-wrap {
       .title {
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 500;
       }
       .descr {
-        font-size: .75rem;
+        font-size: 0.75rem;
         font-weight: 500;
       }
     }
@@ -146,7 +146,7 @@
   &__title {
     width: 100%;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 500;
     line-height: 1.375rem;
     margin-bottom: 12px;
@@ -154,14 +154,14 @@
   &__description {
     width: 100%;
-    font-size: .75rem;
+    font-size: 0.75rem;
     font-weight: 400;
     line-height: 1rem;
     margin-bottom: 16px;
   }
   &__message {
-    font-size: .75rem;
+    font-size: 0.75rem;
     line-height: 1rem;
   }

package/src/scss/components/_checkout-action.scss CHANGED Viewed

@@ -117,7 +117,6 @@
     border: 1px solid $border-grey;
     margin-bottom: 30px;
     & .checkout-action {
       &__section {
         @include make-col(12);
@@ -150,7 +149,6 @@
 }
 @include media-breakpoint-up(sm) {
   .checkout-action {
     margin-top: 0;
     padding: 0;

package/src/scss/components/_colour-block.scss CHANGED Viewed

@@ -1,5 +1,4 @@
 .colour-block {
   &__colour {
     height: 80px;
@@ -84,5 +83,4 @@
     margin-bottom: 8px;
     color: $gray-dark;
   }
 }

package/src/scss/components/_cookies-policy.scss CHANGED Viewed

@@ -4,7 +4,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  opacity: .95;
+  opacity: 0.95;
   z-index: $cookies-policy;
   &_disabled {

package/src/scss/components/_copy-project-id.scss CHANGED Viewed

@@ -2,7 +2,6 @@
   margin-bottom: 30px;
 }
 @include media-breakpoint-up(sm) {
   .copy-project {
     margin-bottom: 40px;

package/src/scss/components/_donation-cart-new.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 .donation-cart-new {
   &__cost {
     font-weight: 500;
-    font-size: .875rem;
+    font-size: 0.875rem;
     line-height: 1rem;
     display: flex;
     align-items: center;
@@ -35,12 +35,12 @@
     display: inline-block;
     line-height: 1rem;
     font-weight: 400;
-    font-size: .75rem;
+    font-size: 0.75rem;
   }
   &__description {
     font-weight: 500;
-    font-size: .875rem;
+    font-size: 0.875rem;
     margin-bottom: 12px;
   }
@@ -51,7 +51,7 @@
   &__currency,
   &__value {
-    font-size: .75rem;
+    font-size: 0.75rem;
   }
   &__divider {
@@ -63,7 +63,7 @@
   &__charity-info {
     color: $squant;
     font-weight: 400;
-    font-size: .75rem;
+    font-size: 0.75rem;
     line-height: 1rem;
     margin: 0;
   }
@@ -121,7 +121,7 @@
     &__description {
       font-weight: 700;
-      font-size: .875rem;
+      font-size: 0.875rem;
       margin-bottom: 12px;
     }
   }

package/src/scss/components/_donation-cart.scss CHANGED Viewed

@@ -7,7 +7,7 @@
   &__cost {
     font-weight: 500;
-    font-size: .875rem;
+    font-size: 0.875rem;
     line-height: 1;
     margin-bottom: 20px;
   }
@@ -19,7 +19,7 @@
   &__description {
     font-weight: 700;
-    font-size: .875rem;
+    font-size: 0.875rem;
     margin-bottom: 5px;
   }
@@ -33,7 +33,7 @@
   &__currency,
   &__value {
-    font-size: .875rem;
+    font-size: 0.875rem;
   }
   &__holder {
@@ -68,7 +68,6 @@
       border-color: $blue;
       background: $blue;
       pointer-events: none;
     }
   }

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

@@ -23,7 +23,7 @@
   }
   &-disable {
-    opacity: .75;
+    opacity: 0.75;
     pointer-events: none;
   }
 }

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

@@ -1,5 +1,5 @@
 $gray-gray: #d8d8d8;
-$white-transparent80: rgba(255, 255, 255, .8);
+$white-transparent80: rgba(255, 255, 255, 0.8);
 .gallery {
   img {
@@ -12,7 +12,7 @@ $white-transparent80: rgba(255, 255, 255, .8);
     opacity: 0;
     @include media-breakpoint-down(md) {
-      opacity: .5;
+      opacity: 0.5;
     }
     @include media-breakpoint-up(md) {
@@ -25,7 +25,7 @@ $white-transparent80: rgba(255, 255, 255, .8);
   .swiper-container:hover &__btn-prev,
   .swiper-container:hover &__btn-next {
     @include media-breakpoint-up(lg) {
-      opacity: .5;
+      opacity: 0.5;
     }
   }

package/src/scss/components/_gallery-pdp-critical.scss CHANGED Viewed

@@ -14,11 +14,11 @@
     position: absolute;
     color: $white;
     z-index: 2;
-    bottom: 95px;  //TODO: move go gallery
+    bottom: 95px; //TODO: move go gallery
     right: 15px;
     background-color: $gray-dark-transparent60;
     border-radius: 3px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     padding: 2px 5px 0;
     pointer-events: none;
@@ -31,11 +31,11 @@
     position: absolute;
     color: $white;
     z-index: 2;
-    bottom: 15px;  //TODO: move go gallery
+    bottom: 15px; //TODO: move go gallery
     right: 15px;
     background-color: $gray-dark-transparent60;
     border-radius: 3px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     padding: 2px 5px 0;
     pointer-events: none;

package/src/scss/components/_gallery-pdp.scss CHANGED Viewed

@@ -18,7 +18,7 @@
     right: 15px;
     background-color: $gray-dark-transparent60;
     border-radius: 3px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     padding: 2px 5px 0;
     pointer-events: none;
@@ -35,7 +35,7 @@
     right: 15px;
     background-color: $gray-dark-transparent60;
     border-radius: 3px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     padding: 2px 5px 0;
     pointer-events: none;

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

@@ -9,7 +9,7 @@
     opacity: 0;
     @include media-breakpoint-down(md) {
-      opacity: .5;
+      opacity: 0.5;
     }
     @include media-breakpoint-up(md) {
@@ -22,7 +22,7 @@
   .swiper-container:hover &__btn-prev,
   .swiper-container:hover &__btn-next {
     @include media-breakpoint-up(lg) {
-      opacity: .5;
+      opacity: 0.5;
     }
   }

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

@@ -15,7 +15,6 @@
 }
 .hero__image-container {
   @include media-breakpoint-down(sm) {
     height: 290px;
     overflow: hidden;

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

@@ -41,7 +41,7 @@
 .home-banner__info {
   margin-bottom: 0; //reset default styles
   line-height: 20px;
-  letter-spacing: .5px;
+  letter-spacing: 0.5px;
   text-shadow: 0 1px 4px 0 $black-transparent50;
   @include media-breakpoint-down(md) {

package/src/scss/components/_kitchen-card.scss CHANGED Viewed

@@ -79,7 +79,7 @@
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
-    background: rgba($black, .3);
+    background: rgba($black, 0.3);
     display: flex;
     justify-content: center;
     align-items: center;
@@ -89,7 +89,7 @@
     &.swiper-button-disabled {
       display: flex !important;
-      opacity: .5;
+      opacity: 0.5;
     }
   }
@@ -122,11 +122,11 @@
   .kitchen-cards {
     grid-template-columns: repeat(2, 1fr);
     gap: 24px;
-  }
+  }
 }
 @include media-breakpoint-up(lg) {
   .kitchen-cards {
     grid-template-columns: repeat(3, 1fr);
-  }
+  }
 }

package/src/scss/components/_lines-group.scss CHANGED Viewed

@@ -93,7 +93,6 @@
 }
 .lines-group.insufficient-stock {
   .lines-group__header {
     font-size: 1rem;
     font-weight: bold;

package/src/scss/components/_marketing-preferences.scss CHANGED Viewed

@@ -21,7 +21,7 @@
   }
   &__content {
-    font-size: .75rem;
+    font-size: 0.75rem;
     line-height: 1rem;
     p {

package/src/scss/components/_merge-basket-options.scss CHANGED Viewed

@@ -87,7 +87,6 @@
     @include media-breakpoint-only(md) {
       @include make-col(5);
     }
     @include media-breakpoint-only(lg) {

package/src/scss/components/_modal-box.scss CHANGED Viewed

@@ -53,13 +53,13 @@
     .close {
       position: absolute;
-      right: -.3125rem;
-      top: .625rem;
+      right: -0.3125rem;
+      top: 0.625rem;
       padding: 0;
       margin: 0;
       @include media-breakpoint-up(md) {
-        right: .625rem;
+        right: 0.625rem;
       }
     }
   }
@@ -174,7 +174,7 @@
   &.modal-round {
     .modal-box__content {
-      border-radius: .3rem;
+      border-radius: 0.3rem;
     }
   }
 }
@@ -188,7 +188,7 @@
   .modal-box {
     &.modal-round {
       .modal-box__header .close {
-        right: .625rem;
+        right: 0.625rem;
       }
       .modal-body {

package/src/scss/components/_new-checkout-form.scss CHANGED Viewed

@@ -21,7 +21,7 @@
       &__info {
         margin-bottom: 40px;
-        font-size: .875rem;
+        font-size: 0.875rem;
         line-height: 1.25rem;
       }

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

@@ -10,13 +10,12 @@
     top: 7px;
     font-size: 1rem;
   }
   &__close {
     position: absolute;
     right: 8px;
     top: 8px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     color: $warm-grey;
     cursor: pointer;
@@ -24,5 +23,4 @@
       color: $white;
     }
   }
 }

package/src/scss/components/_order-item-cc.scss CHANGED Viewed

@@ -119,7 +119,7 @@
       &__hide-info,
       &__info {
-        font-size: .875rem;
+        font-size: 0.875rem;
       }
       &__phone,
@@ -148,14 +148,14 @@
       &__open {
         &_title {
           color: $blue-dark;
-          font-size: .875rem;
+          font-size: 0.875rem;
         }
       }
       &__table {
         border: 1px solid $gray-light;
         width: 100%;
-        font-size: .875rem;
+        font-size: 0.875rem;
         margin-bottom: 20px;
         &_regular {
@@ -180,7 +180,7 @@
           .store-info {
             &__table {
               &_day {
-                font-size: .75rem;
+                font-size: 0.75rem;
                 & .store-info__table_cell {
                   padding-top: 0;
@@ -255,7 +255,6 @@
           &__section-info {
             position: relative;
             &:before {
               content: '';
               width: 1px;
@@ -292,7 +291,7 @@
           align-items: flex-start;
           &-text {
-            @include make-col(6)
+            @include make-col(6);
           }
         }
@@ -342,7 +341,7 @@
             .store-info {
               &__table {
                 &_day {
-                  font-size: .875rem;
+                  font-size: 0.875rem;
                   & .store-info__table_cell {
                     padding-bottom: 15px;

package/src/scss/components/_order-item.scss CHANGED Viewed

@@ -36,7 +36,7 @@
     & .product-code {
       display: inline-block;
       background-color: $white;
-      font-size: .75rem;
+      font-size: 0.75rem;
       line-height: 1.25rem;
       border-left: 2px solid $gray;
@@ -51,7 +51,7 @@
   }
   &__promo {
-    font-size: .75rem;
+    font-size: 0.75rem;
     line-height: 1rem;
     color: $red;
     font-weight: 500;
@@ -256,7 +256,7 @@
   }
   .price-vat {
-    margin-left: .4em;
+    margin-left: 0.4em;
   }
 }
@@ -285,8 +285,8 @@
     }
     &__image {
-      grid-column: 1/span 1;
-      grid-row: 1/span 2;
+      grid-column: 1 / span 1;
+      grid-row: 1 / span 2;
       max-width: none;
       float: none;
       margin-bottom: 0;
@@ -298,22 +298,22 @@
     }
     &__info {
-      grid-column: 2/span 1;
-      grid-row: 1/span 1;
+      grid-column: 2 / span 1;
+      grid-row: 1 / span 1;
       padding-right: 15px;
       padding-bottom: 15px;
     }
     &__cost {
-      grid-column: 3/span 1;
-      grid-row: 1/span 1;
+      grid-column: 3 / span 1;
+      grid-row: 1 / span 1;
       padding-left: 10px;
       padding-bottom: 15px;
     }
     &__actions {
-      grid-column: 2/span 2;
-      grid-row: 2/span 1;
+      grid-column: 2 / span 2;
+      grid-row: 2 / span 1;
       margin: 0;
       display: grid;
       grid-template-columns: 1fr 1fr;
@@ -342,7 +342,6 @@
     &__price,
     &__price-m,
     &__total {
       &-title {
         width: 90px;
         margin-right: 0;

package/src/scss/components/_order-line-shop-list.scss CHANGED Viewed

@@ -104,8 +104,8 @@
         &__vat {
           color: $blue-darker;
-          font-size: .75rem;
-          margin-left: .4rem;
+          font-size: 0.75rem;
+          margin-left: 0.4rem;
           font-weight: 500;
         }
       }

package/src/scss/components/_order-line.scss CHANGED Viewed

@@ -171,7 +171,7 @@
     }
     &_note {
-      font-size: .75rem;
+      font-size: 0.75rem;
     }
     &_sum {
@@ -292,7 +292,7 @@
         }
         &-store {
-          font-size: .875rem;
+          font-size: 0.875rem;
           padding: 10px 0 0 50px;
         }
       }
@@ -325,7 +325,7 @@
     }
     &__type {
-      margin-bottom: .5rem;
+      margin-bottom: 0.5rem;
     }
     &__calc {