@qite/tide-booking-component 1.4.2 → 1.4.5

package/styles/components/_info-message.scss

@@ -1,71 +1,71 @@
-.info-message {
-  display: flex;
-
-  &__copy {
-    padding-left: 15px;
-    @include column;
-  }
-
-  p:last-child {
-    margin-bottom: 0;
-  }
-
-  &--error {
-    color: var(--tide-booking-invalid);
-  }
-
-  .icon {
-    width: 20px;
-    height: 20px;
-    flex-shrink: 0;
-    margin-top: -15px * 0.2;
-  }
-
-  &__voucher {
-    margin-top: 15px;
-
-    &__input {
-      min-height: 45px;
-    }
-
-    &__valid {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-
-    &__list {
-      display: flex;
-      align-items: center;
-      gap: 5px;
-    }
-  }
-}
-
-.booking .info-message {
-  &__copy {
-    padding-left: 0;
-
-    p {
-      font-size: 16px;
-      line-height: 1.6;
-    }
-
-    .checkbox {
-      font-size: 16px;
-      line-height: 1.6;
-    }
-  }
-
-  .checkbox + .checkbox {
-    margin-top: 10px;
-
-    @include media-xl {
-      margin-top: 5px;
-    }
-  }
-
-  .icon--ui-tooltip {
-    display: none;
-  }
-}
+.info-message {
+  display: flex;
+
+  &__copy {
+    padding-left: 15px;
+    @include column;
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+
+  &--error {
+    color: var(--tide-booking-invalid);
+  }
+
+  .icon {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    margin-top: -15px * 0.2;
+  }
+
+  &__voucher {
+    margin-top: 15px;
+
+    &__input {
+      min-height: 45px;
+    }
+
+    &__valid {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    &__list {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+    }
+  }
+}
+
+.booking .info-message {
+  &__copy {
+    padding-left: 0;
+
+    p {
+      font-size: 16px;
+      line-height: 1.6;
+    }
+
+    .checkbox {
+      font-size: 16px;
+      line-height: 1.6;
+    }
+  }
+
+  .checkbox + .checkbox {
+    margin-top: 10px;
+
+    @include media-xl {
+      margin-top: 5px;
+    }
+  }
+
+  .icon--ui-tooltip {
+    display: none;
+  }
+}

package/styles/components/_input.scss

@@ -1,25 +1,25 @@
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-input::-webkit-calendar-picker-indicator {
-  display: none;
-}
-
-input[type="date"]::-webkit-input-placeholder {
-  visibility: hidden !important;
-}
-
-input,
-select,
-textarea {
-  appearance: none;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+input::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+input[type="date"]::-webkit-input-placeholder {
+  visibility: hidden !important;
+}
+
+input,
+select,
+textarea {
+  appearance: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+}

package/styles/components/_list.scss

@@ -1,187 +1,187 @@
-.list {
-  display: flex;
-  flex-direction: column;
-
-  &--booking-summary {
-    .list__item {
-      margin: 5px 0;
-    }
-  }
-
-  &--usps {
-    li {
-      position: relative;
-      padding-left: 20px;
-      list-style-type: none;
-      @extend %transition-easing;
-
-      @include media-xs {
-        padding-left: 20px;
-      }
-
-      &:before {
-        content: "";
-        position: absolute;
-        width: 18px;
-        height: 6px;
-        left: 0;
-        top: 3px;
-        transform: rotate(-45deg);
-        // border-left: 0.2rem solid $color-primary;
-        // border-bottom: 0.2rem solid $color-primary;
-        @extend %transition-easing;
-
-        @include media-xs {
-          width: 22px;
-          height: 8px;
-        }
-      }
-    }
-
-    .list {
-      &__item {
-        position: relative;
-        padding-left: 20px;
-        list-style-type: none;
-        @extend %transition-easing;
-        margin-right: 10px;
-        font-weight: 400;
-        line-height: 18px;
-        font-size: 14px;
-        font-weight: var(--tide-booking-room-options-usp-list-font-weight);
-        color: var(--tide-booking-room-options-usp-list-color);
-
-        @include media-xs {
-          padding-left: 20px;
-          font-size: 16px;
-          line-height: 20px;
-        }
-
-        &:before {
-          content: "";
-          position: absolute;
-          width: 12px;
-          height: 6px;
-          left: 0rem;
-          top: 35%;
-          transform: rotate(-45deg) translateY(-50%);
-          border-left: 2px solid
-            var(--tide-booking-room-options-usp-list-icon-color);
-          border-bottom: 2px solid
-            var(--tide-booking-room-options-usp-list-icon-color);
-          @extend %transition-easing;
-
-          @include media-xs {
-            height: 8px;
-          }
-        }
-      }
-    }
-  }
-
-  &--inline {
-    flex-direction: row;
-    margin: 0;
-    list-style-type: none;
-
-    .list__item {
-      & + .list__item {
-        margin-bottom: 30px;
-      }
-    }
-  }
-
-  &--plain {
-    list-style-type: none;
-    margin: 0;
-
-    li {
-      font-size: 16px;
-      line-height: 1.6;
-    }
-  }
-
-  &--socials {
-    svg {
-      // fill: $color-primary;
-    }
-
-    .list__item {
-      & + .list__item {
-        margin-left: 15px * 2;
-      }
-    }
-  }
-
-  &--summary {
-    margin-bottom: 30px;
-  }
-
-  &--two-column {
-    margin-bottom: -15px;
-    flex-flow: row wrap;
-
-    .list__item {
-      width: 100%;
-      margin-bottom: 15px;
-
-      @include media-xs {
-        width: 50%;
-        padding-right: 15px * 3;
-      }
-    }
-
-    ul {
-      width: 100%;
-      padding: 0;
-      margin: 0;
-      margin-bottom: -15px;
-      display: flex;
-      flex-flow: row wrap;
-    }
-
-    li {
-      width: 100%;
-      margin-bottom: 15px;
-
-      @include media-xs {
-        width: 50%;
-        padding-right: 15px * 3;
-      }
-    }
-  }
-
-  &--three-column {
-    ul {
-      width: 100%;
-      padding: 0;
-      margin: 0;
-      margin-bottom: -15px;
-      display: flex;
-      flex-flow: row wrap;
-    }
-
-    li {
-      width: 100%;
-      margin-bottom: 15px;
-
-      @include media-xs {
-        width: 100%;
-        padding-right: 0;
-      }
-
-      @include media-sm {
-        width: 100%;
-      }
-
-      @include media-lg {
-        width: 50%;
-        padding-right: 15px * 3;
-      }
-
-      @include media-xxl {
-        width: 33%;
-      }
-    }
-  }
-}
+.list {
+  display: flex;
+  flex-direction: column;
+
+  &--booking-summary {
+    .list__item {
+      margin: 5px 0;
+    }
+  }
+
+  &--usps {
+    li {
+      position: relative;
+      padding-left: 20px;
+      list-style-type: none;
+      @extend %transition-easing;
+
+      @include media-xs {
+        padding-left: 20px;
+      }
+
+      &:before {
+        content: "";
+        position: absolute;
+        width: 18px;
+        height: 6px;
+        left: 0;
+        top: 3px;
+        transform: rotate(-45deg);
+        // border-left: 0.2rem solid $color-primary;
+        // border-bottom: 0.2rem solid $color-primary;
+        @extend %transition-easing;
+
+        @include media-xs {
+          width: 22px;
+          height: 8px;
+        }
+      }
+    }
+
+    .list {
+      &__item {
+        position: relative;
+        padding-left: 20px;
+        list-style-type: none;
+        @extend %transition-easing;
+        margin-right: 10px;
+        font-weight: 400;
+        line-height: 18px;
+        font-size: 14px;
+        font-weight: var(--tide-booking-room-options-usp-list-font-weight);
+        color: var(--tide-booking-room-options-usp-list-color);
+
+        @include media-xs {
+          padding-left: 20px;
+          font-size: 16px;
+          line-height: 20px;
+        }
+
+        &:before {
+          content: "";
+          position: absolute;
+          width: 12px;
+          height: 6px;
+          left: 0rem;
+          top: 35%;
+          transform: rotate(-45deg) translateY(-50%);
+          border-left: 2px solid
+            var(--tide-booking-room-options-usp-list-icon-color);
+          border-bottom: 2px solid
+            var(--tide-booking-room-options-usp-list-icon-color);
+          @extend %transition-easing;
+
+          @include media-xs {
+            height: 8px;
+          }
+        }
+      }
+    }
+  }
+
+  &--inline {
+    flex-direction: row;
+    margin: 0;
+    list-style-type: none;
+
+    .list__item {
+      & + .list__item {
+        margin-bottom: 30px;
+      }
+    }
+  }
+
+  &--plain {
+    list-style-type: none;
+    margin: 0;
+
+    li {
+      font-size: 16px;
+      line-height: 1.6;
+    }
+  }
+
+  &--socials {
+    svg {
+      // fill: $color-primary;
+    }
+
+    .list__item {
+      & + .list__item {
+        margin-left: 15px * 2;
+      }
+    }
+  }
+
+  &--summary {
+    margin-bottom: 30px;
+  }
+
+  &--two-column {
+    margin-bottom: -15px;
+    flex-flow: row wrap;
+
+    .list__item {
+      width: 100%;
+      margin-bottom: 15px;
+
+      @include media-xs {
+        width: 50%;
+        padding-right: 15px * 3;
+      }
+    }
+
+    ul {
+      width: 100%;
+      padding: 0;
+      margin: 0;
+      margin-bottom: -15px;
+      display: flex;
+      flex-flow: row wrap;
+    }
+
+    li {
+      width: 100%;
+      margin-bottom: 15px;
+
+      @include media-xs {
+        width: 50%;
+        padding-right: 15px * 3;
+      }
+    }
+  }
+
+  &--three-column {
+    ul {
+      width: 100%;
+      padding: 0;
+      margin: 0;
+      margin-bottom: -15px;
+      display: flex;
+      flex-flow: row wrap;
+    }
+
+    li {
+      width: 100%;
+      margin-bottom: 15px;
+
+      @include media-xs {
+        width: 100%;
+        padding-right: 0;
+      }
+
+      @include media-sm {
+        width: 100%;
+      }
+
+      @include media-lg {
+        width: 50%;
+        padding-right: 15px * 3;
+      }
+
+      @include media-xxl {
+        width: 33%;
+      }
+    }
+  }
+}