wickes-css2 2.109.0-develop.2 → 2.109.0-develop.4

package/src/scss/helpers/_CTAs.scss

@@ -47,6 +47,16 @@
   }
 }
 
+@mixin button-outline-primary {
+  &:active,
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    color: $white;
+    background-color: $blue-darker;
+    border-color: $blue-darker;
+  }
+}
+
 @mixin button-secondary {
   background-color: $white;
   border-color: $blue;
@@ -217,7 +227,7 @@
     bottom: 0;
     border-radius: 34px;
     background-color: $gray;
-    transition: .4s;
+    transition: 0.4s;
 
     &:before {
       position: absolute;
@@ -228,7 +238,7 @@
       bottom: 4px;
       border-radius: 50%;
       background-color: $white;
-      transition: .4s;
+      transition: 0.4s;
     }
   }
 
@@ -381,7 +391,7 @@
   width: 100%;
   max-width: 110px;
   height: 110px;
-  transition: all .3s;
+  transition: all 0.3s;
   padding: 10px;
 
   svg {
@@ -396,7 +406,7 @@
     color: $blue-dark;
     margin-bottom: 0;
     font-weight: 400;
-    font-size: .75rem;
+    font-size: 0.75rem;
     line-height: 1rem;
     margin-top: 10px;
   }
@@ -438,6 +448,6 @@
   &:disabled,
   &[disabled] {
     pointer-events: none;
-    opacity: .4;
+    opacity: 0.4;
   }
 }

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

@@ -49,6 +49,23 @@
                   font-size: 0.75rem;
                   margin-top: -15px;
                 }
+
+                &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
+                  margin-bottom: 0;
+                }
+
+                &-delivery-cost-message {
+                  margin-top: 4px;
+                  justify-content: flex-end;
+
+                  #order-delivery-cost-message {
+                    @include font-size(10);
+                    @include line-height(12);
+
+                    font-weight: 700;
+                    color: $squant;
+                  }
+                }
               }
 
               &__details-discount {
@@ -474,6 +491,25 @@
   }
 }
 
+.tooltip {
+  filter: drop-shadow(0 0 8px $black-transparent12);
+  position: absolute;
+
+  .tooltip-inner {
+    background: $white;
+    color: $gray-dark;
+    padding: 8px 16px !important;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .arrow:before {
+    border-bottom-color: $white;
+  }
+}
+
 @include media-breakpoint-up(sm) {
   .page_checkout-delivery-new {
     .add-contact-details {

package/src/scss/pages/page_products-list-combined.scss

@@ -51,10 +51,17 @@ $color-bar-radius: 3px;
     margin-bottom: 20px;
     margin-top: 10px;
 
+    &__picture {
+      display: flex;
+    }
+
     &__image {
       display: block;
       max-width: 100%;
-      margin-bottom: 20px;
+    }
+
+    img.sponsor-top-banner__image {
+      width: 100%;
     }
   }
 

package/src/scss/pages/page_products-list.scss

@@ -39,11 +39,18 @@
   }
 
   .sponsor-top-banner {
+    &__picture {
+      display: flex;
+    }
+
     &__image {
-      margin-bottom: 20px;
       display: block;
       max-width: 100%;
     }
+
+    img.sponsor-top-banner__image {
+      width: 100%;
+    }
   }
 }
 

package/src/scss/pages/page_shopping-cart-v2.scss

@@ -16,7 +16,6 @@
     @include make-col-ready;
   }
 
-
   &__main,
   .content,
   .right-aside {
@@ -102,6 +101,16 @@
           display: flex;
         }
 
+        &:has(.checkout-widget__item-delivery-cost-message) {
+          .checkout-widget__item-charity {
+            order: 0;
+          }
+
+          .checkout-widget__voucher-accordion {
+            order: 2;
+          }
+        }
+
         .checkout-widget {
           &__item {
             &-bold {
@@ -128,7 +137,6 @@
             }
           }
 
-
           &__details-discount {
             order: 1;
           }
@@ -151,7 +159,7 @@
       .checkout-widget {
         &__item {
           font-weight: 400;
-          font-size: .875rem;
+          font-size: 0.875rem;
           padding: 10px 0;
           margin: 0;
 
@@ -175,7 +183,6 @@
             padding: 0;
           }
 
-
           &:not(.checkout-widget__item-vat) {
             margin-top: 0;
           }
@@ -188,15 +195,34 @@
             margin: 0;
             padding: 0 0 10px;
             color: $warm-grey;
-            font-size: .75rem;
+            font-size: 0.75rem;
             border-bottom: 1px solid #eee;
           }
+
+          &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
+            padding-bottom: 0;
+          }
+
+          &-delivery-cost-message {
+            padding-top: 0;
+            margin-top: 4px !important;
+            margin-bottom: 0;
+            justify-content: flex-end;
+
+            #order-delivery-cost-message {
+              @include font-size(10);
+              @include line-height(12);
+
+              font-weight: 700;
+              color: $squant;
+            }
+          }
         }
 
         &__detail {
           &-name {
             font-weight: 400;
-            font-size: .875rem;
+            font-size: 0.875rem;
 
             .accordion__header-icon-small {
               left: 75px;
@@ -206,7 +232,7 @@
 
           &-value {
             color: $gray-dark;
-            font-size: .875rem;
+            font-size: 0.875rem;
           }
         }
 
@@ -276,7 +302,7 @@
         & h5 {
           margin: 0;
           margin-top: 8px;
-          font-size: .875rem;
+          font-size: 0.875rem;
         }
       }
     }
@@ -357,7 +383,6 @@
             }
           }
         }
-
       }
     }
   }
@@ -535,7 +560,6 @@
   }
 }
 
-
 @include media-breakpoint-up(xl) {
   .basket {
     .checkout-title {

package/src/scss/pdp-main.scss

@@ -81,6 +81,7 @@
 @import 'components/billie-online-messaging';
 @import 'components/billie-modal';
 @import 'components/input-counter';
+@import 'components/notify-me-modal';
 
 // Pages
 @import 'pages/page_ti';