wickes-css2 2.113.0-ripple.7 → 2.113.0

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

@@ -258,6 +258,10 @@
   .checkout-order {
     display: block;
     margin: 0;
+
+    .delivery-block__heavy-banners-wrapper {
+      margin-top: 0;
+    }
   }
 
   .content,

package/src/scss/pages/page_cms_homepage.scss

@@ -529,7 +529,9 @@ p {
 // sass-lint:disable no-vendor-prefixes
 // sass-lint:disable no-misspelled-properties
 .hero-banner-karcher {
-  background: $white url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepage-banner-withouttext-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop') no-repeat center;
+  background: $white
+    url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepage-banner-withouttext-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop')
+    no-repeat center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
@@ -540,7 +542,8 @@ p {
 
 .hero-overlay-image {
   position: relative;
-  background: url('https://media.wickes.co.uk/is/image/wickes/2519-3241-Karcher-Homepage-element?fmt=png-alpha&wid=320&hei=400&fit=crop') no-repeat center top;
+  background: url('https://media.wickes.co.uk/is/image/wickes/2519-3241-Karcher-Homepage-element?fmt=png-alpha&wid=320&hei=400&fit=crop')
+    no-repeat center top;
   width: 320px;
   height: 400px;
   margin-left: auto;
@@ -601,11 +604,14 @@ p {
 
 @media screen and (max-width: 1010px) {
   .hero-banner-karcher {
-    background: $white url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-Background-Blank-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop') no-repeat center top;
+    background: $white
+      url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-Background-Blank-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop')
+      no-repeat center top;
   }
 
   .hero-overlay-image {
-    background: url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-messaging-d3-320x400-1?fmt=png-alpha&wid=320&hei=400&fit=crop') no-repeat center top;
+    background: url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-messaging-d3-320x400-1?fmt=png-alpha&wid=320&hei=400&fit=crop')
+      no-repeat center top;
   }
 }
 

package/src/scss/pages/page_installation.scss

@@ -2,7 +2,6 @@
 @import '../components/proposition';
 
 .installation-page {
-
   img {
     max-width: 100%;
   }
@@ -13,7 +12,8 @@
     li {
       // sass-lint:disable no-url-domains
       // sass-lint:disable no-url-protocols
-      background: url('//media.wickes.co.uk/is/image/wickes/Kitchens_Check_Icon?wid=13') no-repeat left center;
+      background: url('//media.wickes.co.uk/is/image/wickes/Kitchens_Check_Icon?wid=13') no-repeat
+        left center;
       padding: 0 0 8px 22px;
       list-style: none;
       margin: 0;

package/src/scss/pages/page_online-exclusive.scss

@@ -14,7 +14,8 @@ $round-img-measure: 290px;
 
   .online-exclusive {
     &__banner {
-      background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-banner-final-mobile') center / auto 502px no-repeat;
+      background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-banner-final-mobile')
+        center / auto 502px no-repeat;
       height: 502px;
       margin: 0 -15px;
       display: block;
@@ -353,7 +354,9 @@ $round-img-measure: 290px;
       display: flex;
       flex-direction: column;
       justify-content: center;
-      transition: 0.55s opacity, 0.55s visibility;
+      transition:
+        0.55s opacity,
+        0.55s visibility;
       position: absolute;
       width: 100%;
       height: 100%;
@@ -442,7 +445,8 @@ $round-img-measure: 290px;
   .page_online-exclusive {
     .online-exclusive {
       &__banner {
-        background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-desktop-new') center no-repeat;
+        background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-desktop-new')
+          center no-repeat;
         background-size: contain;
         margin: 0;
         height: 360px;

package/src/scss/pages/page_product-details-v2-critical.scss

@@ -5,39 +5,86 @@
 .pdp {
   &__title {
     padding-bottom: 0;
+
+    @include media-breakpoint-only(md) {
+      padding-right: 0;
+    }
   }
 
   &__reviews_small {
     padding-bottom: 0;
-    display: flex;
-    align-items: baseline;
-    margin-top: 10px;
-    margin-bottom: 15px;
-    min-height: 47px;
+
+    @include media-breakpoint-only(md) {
+      margin-top: 20px;
+      margin-bottom: 20px;
+      padding-left: 0;
+    }
+
+    @include media-breakpoint-up(lg) {
+      padding-left: 0;
+      padding-right: 10px;
+      margin-top: 20px;
+      margin-bottom: 20px;
+    }
+
+    @include media-breakpoint-down(sm) {
+      margin-top: 10px;
+      margin-bottom: 15px;
+      min-height: 47px;
+    }
   }
 
   &__reviews-link-wrap {
     margin-right: $btn-padding-x;
   }
 
-  &__full-gallery {
-    margin: 0 -15px 20px;
+  &__gallery {
+    @include media-breakpoint-up(md) {
+      grid-column-start: 1;
+      grid-row-start: 2;
+    }
+
+    @include media-breakpoint-up(lg) {
+      padding-right: 20px;
+      padding-bottom: 20px;
+    }
   }
 
   &__description {
     padding-bottom: 0;
+
+    @include media-breakpoint-only(md) {
+      grid-column-start: 1;
+      grid-row-start: 3;
+      padding-right: 15px;
+    }
+
+    @include media-breakpoint-up(lg) {
+      grid-column-start: 2;
+      grid-row-start: 2;
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+
+    @include media-breakpoint-down(sm) {
+      padding-bottom: 0;
+    }
   }
 
   &__aside {
     padding-bottom: 0;
-  }
 
-  &__fulfilment {
-    margin-top: 30px;
-  }
+    @include media-breakpoint-only(md) {
+      grid-column-start: 2;
+      grid-row: 2 / span 2;
+      padding-left: 15px;
+    }
 
-  &__similar {
-    display: none;
+    @include media-breakpoint-up(lg) {
+      grid-column-start: 3;
+      grid-row: 1 / span 3;
+      padding-left: 20px;
+    }
   }
 
   &__actions {
@@ -51,56 +98,61 @@
       text-decoration: none;
     }
 
-    &.actions {
-      margin-top: 20px;
-      margin-bottom: 0;
+    @include media-breakpoint-up(lg) {
+      grid-column: 1 / span 4;
+      grid-row: 4 / span 1;
+    }
+
+    @include media-breakpoint-only(md) {
+      grid-column: 2 / span 1;
+      grid-row: 4 / span 1;
+      flex-direction: column;
+    }
+
+    @include media-breakpoint-down(md) {
+      &.actions {
+        margin-top: 20px;
+        margin-bottom: 0;
+      }
     }
   }
 
   &__info {
+    margin-bottom: 10px;
+    padding: 20px;
     background-color: $gray-light;
-    padding: 20px 15px;
-    margin-bottom: 30px;
-    grid-column: 1 / span 3;
-    grid-row: 5 / span 1;
-  }
 
-  &__main {
-    padding-top: 10px;
-  }
+    @include media-breakpoint-up(lg) {
+      grid-column: 1 / span 3;
+      grid-row: 5 / span 1;
+    }
+
+    @include media-breakpoint-down(md) {
+      padding: 30px 40px;
+      grid-column: 1 / span 3;
+      grid-row: 5 / span 1;
+      margin-bottom: 40px;
+    }
 
-  &__suite-includes {
-    margin-bottom: 24px;
+    @include media-breakpoint-down(sm) {
+      padding: 20px 15px;
+      margin-bottom: 30px;
+    }
   }
 
-  &--ripple {
-    & .pdp {
-      &__fulfilment {
-        margin-top: 0;
-        margin-bottom: 24px;
-      }
+  &__main {
+    padding-top: 40px;
 
-      &__info {
-        margin-bottom: 24px;
-      }
+    @include media-breakpoint-only(md) {
+      padding-top: 35px;
     }
 
-    & .seo-widgets {
-      padding-top: 0;
+    @include media-breakpoint-down(sm) {
+      padding-top: 10px;
     }
   }
 }
 
-.recently-viewed {
-  display: none;
-}
-
-.pdp-reviews-wrap {
-  display: flex;
-  flex-direction: column;
-  margin-top: auto;
-}
-
 .review-star {
   display: inline-block;
   vertical-align: text-top;
@@ -132,8 +184,12 @@
 }
 
 .product-main-info__description.product-main-info__description {
-  margin-bottom: 15px;
+  margin-bottom: 20px;
   position: relative;
+
+  @include media-breakpoint-down(md) {
+    margin-bottom: 15px;
+  }
 }
 
 .gallery_bordered {
@@ -145,7 +201,11 @@
 }
 
 .product-code-v2 {
-  margin-right: 5px;
+  margin-right: 15px;
+
+  @include media-breakpoint-down(sm) {
+    margin-right: 5px;
+  }
 }
 
 .review-star-average-v2 {
@@ -170,170 +230,3 @@
 .d-none {
   display: none !important;
 }
-
-@include media-breakpoint-up(sm) {
-  .pdp {
-    &__full-gallery {
-      margin: 0 0 24px;
-    }
-  }
-}
-
-@include media-breakpoint-up(md) {
-  .pdp {
-    &__title {
-      padding-right: 0;
-    }
-
-    &__reviews_small {
-      margin-top: 20px;
-      margin-bottom: 20px;
-      padding-left: 0;
-    }
-
-    &__full-gallery {
-      grid-column: 1;
-      grid-row-start: 2;
-    }
-
-    &__full-description {
-      grid-column: 1;
-      grid-row-start: 3;
-    }
-
-    &__gallery {
-      grid-column-start: 1;
-      grid-row-start: 2;
-    }
-
-    &__description {
-      grid-column-start: 1;
-      grid-row-start: 3;
-      padding-right: 15px;
-    }
-
-    &__aside {
-      grid-column-start: 2;
-      grid-row: 2 / span 2;
-      padding-left: 15px;
-    }
-
-    &__fulfilment {
-      margin-top: 10px;
-      margin-bottom: 5px;
-      grid-column: 1 / span 4;
-      grid-row: 6 / span 1;
-    }
-
-    &__suite-includes {
-      margin-bottom: 40px;
-      grid-column: 1;
-      grid-row: 4 / span 1;
-    }
-
-    &__actions {
-      grid-column: 2 / span 1;
-      grid-row: 4 / span 1;
-      flex-direction: column;
-    }
-
-    &__info {
-      padding: 30px 40px;
-      margin-bottom: 40px;
-    }
-
-    &__main {
-      padding-top: 35px;
-    }
-
-    &__banner {
-      grid-column: 1 / span 4;
-      grid-row: 5 / span 1;
-    }
-
-    &--ripple {
-      & .pdp {
-        &__fulfilment {
-          margin-top: 0;
-          margin-bottom: 25px;
-        }
-
-        &__info {
-          margin-bottom: 40px;
-        }
-      }
-    }
-  }
-
-  .product-code-v2 {
-    margin-right: 15px;
-  }
-}
-
-@include media-breakpoint-up(lg) {
-  .pdp {
-    &__reviews_small {
-      padding-right: 10px;
-    }
-
-    &__gallery {
-      padding-right: 20px;
-      padding-bottom: 20px;
-    }
-
-    &__description {
-      grid-column-start: 2;
-      grid-row-start: 2;
-      padding-left: 10px;
-      padding-right: 10px;
-    }
-
-    &__full-gallery {
-      grid-column: 1 / span 2;
-    }
-
-    &__full-description {
-      grid-column: 1 / span 2;
-    }
-
-    &__aside {
-      grid-column-start: 3;
-      grid-row: 1 / span 3;
-      padding-left: 20px;
-    }
-
-    &__fulfilment {
-      margin-top: 30px;
-    }
-
-    &__similar {
-      display: block;
-    }
-
-    &__actions {
-      grid-column: 1 / span 4;
-      flex-direction: row;
-    }
-
-    &__info {
-      padding: 20px;
-      margin-bottom: 10px;
-    }
-
-    &__main {
-      padding-top: 40px;
-    }
-
-    &__suite-includes {
-      grid-column: 1 / span 2;
-    }
-  }
-
-  .recently-viewed {
-    display: block;
-  }
-
-  .product-main-info__description.product-main-info__description {
-    margin-bottom: 20px;
-  }
-}