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

package/src/page_new-checkout-form-login-wickes.html

@@ -1,48 +0,0 @@
-{{#extend "checkout-new" pageClass="new-checkout-login-wickes" title="Checkout - Login Wickes" fullWidth=true}}
- {{#content "steps"}}
-    {{> steps active-step-index="0" }}
- {{/content}}
-
-{{#content "main"}}
-
-
-<div class="container">
-  <div class="form-wrapper">
-    <div class="form-wrapper__block">
-        <form class="new-checkout-form">
-            <h3 class="new-checkout-form__header">Login or Guest Checkout?</h3>
-
-            <div class="new-checkout-form__info">
-              Please add your email address, to either login if you have an existing Wickes account or checkout as a Wickes guest.
-            </div>
-
-            {{> form-row type="email" id="email" label="Email address" required=true }}
-
-            <div class="new-checkout-form__submit-block">
-
-              <button class="btn btn-primary btn_full btn-guest-checkout">
-                <span class="btn__text">
-                  Checkout as a guest
-                </span>
-              </button>
-
-              <a class="btn btn-secondary btn_full" href="page_new-checkout-form-login-guest.html">
-                <span class="btn__text">
-                  I have an account, Login
-                </span>
-              </a>
-            </div>
-
-
-            <div class="warning-required">
-                Required Field
-            </div>
-
-        </form>
-    </div>
-  </div>
-</div>
-
-{{/content}}
-
-{{/extend}}

package/src/scss/components/_steps.scss

@@ -1,207 +0,0 @@
-.steps-block {
-  @include make-col(12);
-  @include make-col-ready;
-  margin-bottom: 35px;
-}
-
-.steps-wrap {
-  display: flex;
-  justify-content: space-between;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  font-size: 1.125rem;
-  line-height: 1.3125rem;
-
-  &__item {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-
-    &::before {
-      content: '';
-      width: 50px;
-      height: 3px;
-      background: $gray;
-      position: absolute;
-      top: 50%;
-      left: -80px;
-    }
-
-    &:first-child::before {
-      content: none;
-    }
-
-    &-icon {
-      padding: 10px;
-      border-radius: 50%;
-      border: 3px solid $gray-bg;
-      background-color: $white;
-      width: 50px;
-      height: 50px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .icon-element {
-        position: relative;
-        height: 15px;
-        width: 15px;
-        color: $blue-ocean;
-      }
-    }
-
-    &-text {
-      display: none;
-    }
-  }
-}
-
-@include media-breakpoint-up(md) {
-  .steps-block {
-    margin: 20px 0 40px;
-  }
-
-  .steps-wrap {
-    display: flex;
-    justify-content: space-between;
-    padding: 0 0 30px;
-
-    &__item {
-      &-icon {
-        margin-right: 10px;
-        width: 66px;
-        height: 66px;
-
-        .icon-element {
-          height: 20px;
-          width: 20px;
-        }
-      }
-
-      &::before {
-        width: 20px;
-        left: -25px;
-      }
-
-      &-text {
-        display: flex;
-      }
-    }
-  }
-}
-
-@include media-breakpoint-up(lg) {
-  .steps-wrap {
-    &__item {
-      &-icon {
-        margin-right: 20px;
-      }
-
-      &::before {
-        content: '';
-        width: 50px;
-        left: -80px;
-      }
-
-      &.steps-instore {
-        &::before {
-          left: -70px;
-        }
-      }
-    }
-  }
-}
-
-@include media-breakpoint-up(xl) {
-  .steps-wrap {
-    padding-left: 100px;
-    padding-right: 100px;
-  }
-}
-
-@include media-breakpoint-only(xs) {
-  .steps-wrap {
-    &__item {
-      &::before {
-        width: 20px;
-        left: -55px;
-      }
-    }
-  }
-}
-
-@media (min-width: 320px) and (max-width: 340px) {
-  .steps-wrap {
-    &__item {
-      &::before {
-        width: 20px;
-        left: -25px;
-      }
-    }
-  }
-}
-
-@media (min-width: 340px) and (max-width: 360px) {
-  .steps-wrap {
-    &__item {
-      &::before {
-        left: -25px;
-      }
-    }
-  }
-}
-
-@media (min-width: 360px) and (max-width: 380px) {
-  .steps-wrap {
-    &__item {
-      &::before {
-        left: -34px;
-      }
-    }
-  }
-}
-
-@media (min-width: 380px) and (max-width: 425px) {
-  .steps-wrap {
-    &__item {
-      &::before {
-        left: -40px;
-      }
-    }
-  }
-}
-
-@media (min-width: 425px) and (max-width: 465px) {
-  .steps-wrap {
-    &__item {
-      &::before {
-        left: -40px;
-      }
-    }
-  }
-}
-
-$itemQuantity: 4;
-
-@while $itemQuantity >= 0 {
-  [data-active-step-index='#{$itemQuantity}'] {
-    @for $i from 0 through $itemQuantity {
-      [data-step-index='#{$i}'] {
-        font-weight: 400;
-        color: $gray-dark;
-
-        .steps-wrap__item-icon {
-          border-color: $blue-ocean;
-        }
-
-        @include media-breakpoint-down(sm) {
-          .steps-wrap__item-icon .icon-element {
-            color: $blue-ocean;
-          }
-        }
-      }
-    }
-  }
-  $itemQuantity: $itemQuantity - 1;
-}

package/src/scss/pages/_checkout_your-details.scss

@@ -1,48 +0,0 @@
-.checkout-your-details {
-  .form-row__action {
-    &_custom {
-      &::before {
-        height: 0;
-      }
-    }
-    @include media-breakpoint-down(sm) {
-      margin-top: 20px;
-    }
-  }
-
-  .row-tel {
-    margin-bottom: 30px;
-  }
-
-  .form-row__col-btn {
-    @include make-col-ready;
-
-    @include media-breakpoint-down(sm) {
-      @include make-col(12);
-      text-align: center;
-    }
-    @include media-breakpoint-up(md) {
-      @include make-col(6);
-    }
-  }
-
-  .edit-address {
-    line-height: 2.25rem;
-    font-weight: 500;
-    @include media-breakpoint-down(sm) {
-      margin-top: 20px;
-    }
-  }
-
-  &__finded-address {
-    margin-bottom: 10px;
-  }
-
-  @include media-breakpoint-down(sm) {
-    .icon-info {
-      width: 40px;
-      height: 40px;
-      line-height: 40px;
-    }
-  }
-}

package/src/scss/pages/page_in-store_MVP_order-summary-submitted.scss

@@ -1,14 +0,0 @@
-@import '../helpers/helpers';
-
-.in-store_order-summary-sub {
-  .page-header {
-    &::before {
-      content: none;
-    }
-
-    &__next-steps {
-      font-size: 1.5em;
-      text-align: center;
-    }
-  }
-}

package/src/scss/pages/page_in-store_MVP_order-summary.scss

@@ -1,150 +0,0 @@
-@import '../helpers/helpers';
-
-.page_in-store_order-summary {
-  .container {
-    .content {
-      .checkout-confirmation-wrapper {
-        .header-descr {
-          width: 100%;
-          max-width: 100%;
-
-          .descr-wrap {
-            display: flex;
-          }
-        }
-      }
-    }
-
-    .right-aside {
-      top: inherit;
-      margin-bottom: 0;
-    }
-
-    .form-row {
-      &__col-terms {
-        padding-top: 15px;
-
-        input {
-          position: relative;
-          top: 2px;
-        }
-      }
-    }
-  }
-}
-
-.in-store_popup {
-  .terms-and-conditions {
-    &__control-area {
-      display: flex;
-
-      .form-row {
-        width: 100%;
-
-        &__label {
-          display: none;
-        }
-
-        &__error {
-          padding-left: 0;
-        }
-      }
-    }
-
-    &__print-btn,
-    &__send-btn {
-      max-height: 40px;
-    }
-
-    &__print-btn {
-      margin-right: 10px;
-    }
-
-    &__send-btn {
-      margin-left: -2px;
-      margin-bottom: 10px;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  .page_in-store_order-summary {
-    .container {
-      .content {
-        .checkout-confirmation-wrapper {
-          .header-descr {
-            padding-right: 15px;
-
-            .descr-wrap {
-              padding-bottom: 30px;
-
-              .in-store_basket-id {
-                position: absolute;
-                bottom: 15px;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .in-store_popup {
-    .terms-and-conditions {
-      &__control-area {
-        width: 90%;
-
-        .form-row__field {
-          padding: 0;
-        }
-      }
-    }
-  }
-}
-
-@include media-breakpoint-up(md) {
-  .page_in-store_order-summary {
-    .container {
-      .content {
-        .checkout-confirmation-wrapper {
-          .header-descr {
-            padding-right: 0;
-
-            .descr-wrap {
-              .in-store_basket-id {
-                order: 2;
-                flex: 2;
-                text-align: right;
-              }
-
-              p {
-                order: 1;
-                flex: 3;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-@include media-breakpoint-up(lg) {
-  .page_in-store_order-summary {
-    .container {
-      .content {
-        .checkout-confirmation-wrapper {
-          .header-descr {
-            .descr-wrap {
-              p {
-                flex: 6;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/scss/pages/page_new-checkout-forgot.scss

@@ -1,49 +0,0 @@
-@import '../helpers/helpers';
-@import '../partials/footer_checkout';
-@import '../components/new-checkout-form';
-
-.checkout-forgotten-password {
-  .forgotten-password {
-    padding-left: 0;
-    padding-right: 0;
-
-    &-header {
-      margin: 0 15px 30px;
-    }
-  }
-
-  .notification {
-    margin: 0 15px 20px;
-  }
-
-  .form-row {
-    padding: 0;
-  }
-}
-
-@include media-breakpoint-up(md) {
-  .checkout-forgotten-password {
-    .forgotten-password {
-      padding-left: 15px;
-      padding-right: 15px;
-
-      &-header {
-        margin: 0 0 50px;
-      }
-    }
-
-    .notification {
-      margin: 0 0 20px;
-    }
-
-    .form-wrapper {
-      &__block {
-        .new-checkout-form {
-          .warning-required {
-            padding-top: 50px;
-          }
-        }
-      }
-    }
-  }
-}