wickes-css2 2.94.0-billie.3 → 2.94.0-develop.10

package/src/page_product-details-billie.html

@@ -1,86 +0,0 @@
-{{#extend "base" pageClass="page-product-details" title="Product details page new with Billie"
-isDiscount=true
-isSQM=true
-isDescription=true
-isCashback=false
-isSize=true
-hourly-delivery=true
-badge-text='15% off'
-badge-color='yellow'
-badge-text-color='gray'
-step3=true
-currentlyInStock=true
-pagePdp=true
-}}
-{{#content "body"}}
-
-
-<main class="pdp__main">
-  <div class="container">
-    <div class="pdp">
-      <div class="pdp__title">
-        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
-          title in two rows
-        </h1>
-        <div class="pdp__reviews_small">
-          <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
-          <div class="product-card__reviews review-star">
-            <div class="product-rating product-rating-v2">
-              <div class="rating-bg">
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <i class="fa fa-star" aria-hidden="true"></i>
-                <div class="rating-overlay"
-                     data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                  <i class="fa fa-star" aria-hidden="true"></i>
-                </div>
-              </div>
-            </div>
-            <span class="review-star-average review-star-average-v2">(4.6)</span>
-          </div>
-          <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
-        </div>
-      </div>
-
-      <div class="pdp__gallery">
-        {{> gallery-pdp-v2 }}
-      </div>
-      <div class="pdp__aside">
-        {{> price-block-v2
-        isProductSaved=false
-        isUserLogedOut=true
-        install=true
-        sample=true
-        big-wins=true
-        stock-accordion="stock-accordion"
-        cc=false
-        nearestAmount=12
-        isUserNonRegistered=true
-        delivery=true
-        nearest-purchase=true
-        clearpay-placement=true
-        }}
-        {{> fulfilment-accordions }}
-      </div>
-      <div class="pdp__description">
-        {{> product-main-info-v2 isAdvice=true}}
-      </div>
-    </div>
-  </div>
-</main>
-{{/content}}
-{{#content "foot" mode="append"}}
-<script type="text/html" id="mini-basket-popup">
-  {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
-</script>
-<script defer src="./js/page/pdp.js"></script>
-{{> click-and-collect-modal}}
-{{> thank-you-modal}}
-{{/content}}
-{{/extend}}

package/src/scss/components/_sticky-element-appearance.scss

@@ -1,25 +0,0 @@
-[data-sticky-element] {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(100%);
-  opacity: 0;
-  pointer-events: none;
-  will-change: transform, opacity;
-  transition: transform 0.5s ease, opacity 0.5s ease;
-
-  &:not(.is-hidden) {
-    transform: translateY(0);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  &.is-hidden {
-    transform: translateY(100%);
-    opacity: 0;
-    transition: transform 0.5s ease 0s,
-    opacity   0.5s ease 5s;
-    pointer-events: none;
-  }
-}

package/src/scss/components/my-account/_order.scss

@@ -1,112 +0,0 @@
-@import '../../helpers/helpers';
-
-.active-orders .order {
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0;
-
-    &__title {
-      margin-bottom: 0;
-      font-size: 1.125rem;
-      line-height: 1.5rem;
-    }
-
-    &__status {
-      background: rgba(2, 119, 189, .1);
-      padding: 4px 8px;
-      border-radius: 50px;
-      font-weight: 500;
-      display: flex;
-      align-items: center;
-
-      .icon {
-        font-size: 1rem;
-        height: auto;
-        color: $blue;
-        margin-right: 8px;
-      }
-    }
-  }
-
-  &-details {
-    margin-top: 8px;
-
-    &__summary {
-      display: flex;
-      align-items: baseline;
-    }
-
-    &__price {
-      margin-bottom: 0;
-      font-weight: 700;
-      font-size: 1.125rem;
-      line-height: 1.5rem;
-      color: $blue-dark;
-    }
-
-    &__vat {
-      margin-left: 5px;
-      line-height: 1rem;
-    }
-
-    &__count {
-      position: relative;
-      padding-left: 8px;
-      margin-left: 8px;
-      font-weight: 400;
-      font-size: .875rem;
-      line-height: 1.375rem;
-      color: $gray-dark;
-
-      &::before {
-        content: '';
-        height: 100%;
-        position: absolute;
-        max-height: 16px;
-        left: 0;
-        top: 50%;
-        width: 1px;
-        background: $gray;
-        transform: translateY(-50%);
-      }
-    }
-
-    &__date {
-      display: block;
-      margin-top: 4px;
-      font-weight: 400;
-      font-size: .875rem;
-      line-height: 1.375rem;
-      color: $gray-dark;
-    }
-  }
-}
-
-@include media-breakpoint-up(sm) {
-  .active-orders .order-details {
-    grid-area: orderDetails;
-    display: flex;
-    align-items: baseline;
-
-    &__date {
-      margin-left: 8px;
-      padding-left: 8px;
-      margin-top: 0;
-      position: relative;
-
-      &::before {
-        content: '';
-        height: 100%;
-        position: absolute;
-        max-height: 16px;
-        left: 0;
-        top: 50%;
-        width: 1px;
-        background: $gray;
-        transform: translateY(-50%);
-      }
-    }
-  }
-}