wickes-css2 2.117.0-gift-cards.2 → 2.117.1-develop.1

package/src/scss/components/_postcode-lookup-v2.scss

@@ -1,164 +0,0 @@
-$lookup-label-height: 24px;
-$lookup-label-gap: 8px;
-$lookup-field-height: 40px;
-
-.postcode-lookup {
-  width: 100%;
-
-  &__expand-btn,
-  .show-line2-btn {
-    margin-bottom: 24px;
-  }
-
-  &-autocomplete {
-    position: relative;
-
-    .icon-element {
-      top: calc($lookup-label-height + $lookup-label-gap + $lookup-field-height / 2);
-      left: 8px;
-      color: $warm-grey;
-      position: absolute;
-      padding: 4px;
-      font-size: 24px;
-      transform: translateY(-50%);
-    }
-
-    .tbx_textarea {
-      display: block;
-      overflow-y: hidden;
-      padding-left: 40px;
-
-      &:focus {
-        border-color: $blue;
-      }
-
-      &:focus::placeholder {
-        color: transparent;
-      }
-    }
-
-    ul {
-      position: absolute;
-      top: 100%;
-      left: 0;
-      z-index: $dropdown-z-index;
-      box-sizing: border-box;
-      min-width: 100%;
-      max-height: 324px;
-      margin: 4px 0 0;
-      padding: 0;
-      overflow-y: auto;
-      list-style: none;
-      border-radius: 4px;
-      background: $white;
-      box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
-      text-shadow: none;
-    }
-
-    li {
-      padding: 4px 16px;
-      font-size: 1rem;
-      line-height: 1.5rem;
-    }
-
-    .address-suggestion {
-      cursor: pointer;
-      font-weight: 500;
-
-      &:hover {
-        background: $ma-white;
-      }
-
-      &.is-highlighted {
-        background: $ma-white;
-        color: $blue;
-      }
-    }
-
-    .text-match {
-      font-weight: 400;
-    }
-
-    .empty {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: 12px;
-      padding: 16px;
-      background: $white;
-    }
-
-    .map-icon {
-      font-size: 49px;
-      color: $blue-satin;
-      padding: 0 7px;
-    }
-
-    .hint {
-      text-align: center;
-    }
-
-    .manual-entry {
-      position: sticky;
-      bottom: 0;
-      display: flex;
-      gap: 8px;
-      padding: 9px 16px;
-      background-color: $white;
-      border-top: 1px solid transparent;
-
-      &-text,
-      &-btn {
-        display: inline-block;
-        font-size: 0.875rem;
-        line-height: 1.375rem;
-      }
-
-      &-btn {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        background: $white;
-        color: $blue;
-        font-weight: 500;
-        cursor: pointer;
-
-        &:hover {
-          text-decoration: underline solid;
-        }
-
-        &:active {
-          color: $blue-darker;
-        }
-      }
-    }
-
-    .address-suggestion + .manual-entry {
-      border-top-color: $gray;
-    }
-  }
-}
-
-@include media-breakpoint-up(sm) {
-  .postcode-lookup {
-    &-autocomplete ul {
-      max-height: 264px;
-    }
-
-    &__cols {
-      display: flex;
-      align-items: flex-start;
-      gap: 16px;
-
-      > * {
-        flex: 1 1 0;
-        min-width: 0;
-      }
-    }
-
-    .show-line2-btn {
-      margin-top: calc($lookup-field-height / 2 + $lookup-label-height + $lookup-label-gap);
-      transform: translateY(-50%);
-    }
-  }
-}