wickes-css2 2.112.1-develop.1 → 2.113.0-develop.1

package/src/scss/components/_checkout_order.scss

@@ -54,7 +54,7 @@
       padding: 27px 24px;
 
       .iconHead {
-        margin-right: 10px;
+        margin-right: 5px;
       }
 
       .boldDate {

package/src/scss/components/_date-selection-add-new-styles.scss

@@ -142,7 +142,7 @@
       font-size: 1rem;
     }
 
-    &_rapid {
+    &_highlight {
       display: inline;
       align-items: center;
       position: relative;
@@ -160,7 +160,7 @@
         z-index: $circle-z-index;
       }
 
-      .label-rapid {
+      .calendar-cell-label {
         @include font-size(10);
         @include line-height(10);
         border-radius: 30px;
@@ -206,6 +206,7 @@
   background-color: $blue;
   color: $white;
   pointer-events: none;
+  gap: 12px;
 
   &:not(:disabled):not(.disabled) {
     cursor: default;
@@ -214,6 +215,7 @@
   &__content {
     display: flex;
     flex-direction: column;
+    max-width: 100%;
 
     .title {
       font-size: 1rem;
@@ -242,11 +244,23 @@
     width: 41px;
     height: 41px;
     flex-shrink: 0;
+    position: absolute;
+    right: 12px;
 
     .svg-inline--fa.fa-shipping-fast {
       font-size: 1.7rem;
       height: auto;
     }
+
+    &--premium {
+      width: 48px;
+      height: 48px;
+    }
+  }
+
+  &__img {
+    width: 48px;
+    height: 48px;
   }
 
   .rapid-info-icon {
@@ -272,11 +286,6 @@
       }
     }
   }
-
-  &__image {
-    position: absolute;
-    right: 12px;
-  }
 }
 
 .delivery-container {
@@ -358,6 +367,20 @@
   }
 }
 
+@include media-breakpoint-up(lg) {
+  .delivery-container {
+    .btn.btn_full {
+      &.delivery-btn {
+        gap: 12px;
+      }
+    }
+
+    .subtitle {
+      max-width: 100%;
+    }
+  }
+}
+
 @media screen and (max-width: 320px) {
   .date-selection {
     &__info-block {

package/src/scss/components/_date-selection.scss

@@ -30,7 +30,8 @@
     }
   }
 
-  &__rapid-hint {
+  &__rapid-hint,
+  &__premium-hint {
     border-top: 1px dashed $blue-dark;
     display: flex;
     padding: 24px;
@@ -40,6 +41,23 @@
     gap: 8px;
     align-self: stretch;
 
+    .icon {
+      font-size: 2rem;
+      height: auto;
+      color: $blue-satin;
+
+      &[src] {
+        width: 48px;
+        height: 48px;
+      }
+    }
+
+    .date-selection_selected & {
+      display: none;
+    }
+  }
+
+  &__rapid-hint {
     .description {
       @include font-size(14);
       @include line-height(22);
@@ -48,15 +66,16 @@
       max-width: 226px;
       margin-bottom: 0;
     }
+  }
 
-    .icon {
-      font-size: 2rem;
-      height: auto;
-      color: $blue-satin;
-    }
-
-    .date-selection_selected & {
-      display: none;
+  &__premium-hint {
+    .description {
+      @include font-size(14);
+      @include line-height(22);
+      text-align: center;
+      font-weight: 400;
+      max-width: 250px;
+      margin-bottom: 0;
     }
   }
 }
@@ -112,7 +131,7 @@
       color: $white;
     }
 
-    &_rapid {
+    &_highlight {
       display: inline;
       align-items: center;
       position: relative;
@@ -130,7 +149,7 @@
         z-index: $circle-z-index;
       }
 
-      .label-rapid {
+      .calendar-cell-label {
         @include font-size(10);
         @include line-height(10);
         border-radius: 30px;
@@ -323,7 +342,8 @@
   .delivery-time {
     width: 100%;
 
-    &__rapid-hint {
+    &__rapid-hint,
+    &__premium-hint {
       border-top: 0;
       background: $white;
       height: 100%;

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/page_checkout_delivery-new.scss

@@ -747,7 +747,7 @@
 
           &-info {
             font-size: 0.875rem;
-            margin-left: 30px;
+            margin-left: 25px;
           }
         }
 

package/src/sitemap.html

@@ -1190,6 +1190,8 @@
 
                         <li><span class="page-id">9.26</span><a href="page_checkout_payment-details_with-card-loader.html"
                                                                 target="_blank">Checkout- Payment Details with card loader</a></li>
+                        <li><span class="page-id">9.11</span><a href="page_checkout_premium-delivery-details.html"
+                                                              target="_blank">Checkout - Premium Delivery Details</a></li>
                     </ul>
 
                     <h3>App</h3>