bukazu-portal-react 3.3.3 → 3.3.4

package/src/styles/field.css

@@ -1,105 +0,0 @@
-#bukazu-app {
-    input, select {
-        appearance: none;
-        border: 1px solid rgba(69, 74, 83, 0.2);
-        border-radius: 8px;
-        padding: 8px 16px;
-        font-size: 16px;
-        width: 100%;
-        box-sizing: border-box;
-        margin: 4px 0 8px;
-    }
-    .react-date-picker__wrapper {
-        border: 1px solid rgba(69, 74, 83, 0.2);
-        border-radius: 8px;
-        padding: 8px 16px;
-        margin: 4px 0 8px;
-    }
-    .react-date-picker__inputGroup {
-        box-sizing: content-box;
-        input {
-            padding: 0;
-        }
-        input.react-date-picker__inputGroup__input {
-            padding: 0 1px;
-            border: 0;
-            box-sizing: content-box;
-            appearance: textfield;
-        }
-    }
-}
-
-#bukazu-app input, #bukazu-app select {
-    min-height: inherit;
-}
-
-#bukazu-app input[type=radio],
-#bukazu-app input[type=checkbox] {
-    width: 8px;
-    height: 8px;
-    padding: 8px;
-    margin: 0 16px 0 0;
-    position: relative;
-    border-radius: 16px;
-}
-
-#bukazu-app input[type=checkbox] {    
-    border-radius: 0;
-}
-
-#bukazu-app input[type=checkbox]:checked+label,
-#bukazu-app input[type=radio]:checked+label {
-    font-weight: bold;
-}
-
-#bukazu-app input[type=radio]:checked::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    height: 10px;
-    width: 10px;
-    border-radius: 16px;
-    background: var(--bukazu-button);
-}
-#bukazu-app input[type=checkbox]:checked::after {   
-    /*Add another block-level blank space*/
-    content: '';
-    display: block;
-    position: absolute;
-    left: 6px;
-    top: 2px;
- 
-    /*Make it a small rectangle so the border will create an L-shape*/
-    width: 4px;
-    height: 8px;
- 
-    /*Add a white border on the bottom and left, creating that 'L' */
-    border: solid var(--bukazu-button);
-    border-width: 0 2px 2px 0;
- 
-    /*Rotate the L 45 degrees to turn it into a checkmark*/
-    transform: rotate(45deg);  
-}
-
-#bukazu-app .radioList {
-    padding: 0;
-    list-style: none;
-    .bu-list-item {
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-        
-        label {
-            padding: 4px 0;
-            cursor: pointer;
-        }
-    }    
-    
-    .bu-disabled {
-        display: none;
-    }
-}

package/src/styles/filters.css

@@ -1,92 +0,0 @@
-#bukazu-app #search-page {
-    display: flex;
-    flex-direction: row;
-    .filters-button {
-        display: none;
-        background: var(--bukazu-button);
-        padding: 8px;
-        border: 0;
-        font-weight: bold;
-        &.fixed-mobile {
-            position: fixed;
-            width: 100%;
-            bottom: 0;
-            left: 0;
-            z-index: 9999;
-        }
-    }
-}
-
-#bukazu-app .bu-smaller #search-page .filters {
-    width: 175px;
-    min-width: 175px;
-}
-
-#bukazu-app #search-page .filters {
-    padding: 8px;
-    width: 250px;
-}
-@media (max-width: 825px) {
-    #bukazu-app #search-page {
-        flex-direction: column;
-        .filters-button {
-            display: block;
-        }
-    }
-    #bukazu-app #search-page .filters {
-        width: 100%;
-        display: none;
-        transition: all 0.3s ease;
-        &.showOnMobile {
-            display: block
-        }
-        &.fixed-mobile {
-            position: fixed;
-            width: 100%;
-            bottom: 0;
-            left: 0;
-            z-index: 9998;
-            background: #fff;
-            max-height: 75%;
-            overflow-y: auto;
-            box-shadow: 0 -5px 8px rgba(0, 0, 0, .25);
-        }
-    }
-
-}
-
-#bukazu-app {
-    .filters-hidden {
-        display: none;
-    }
-    .filters {
-        min-width: 250px;
-        &-reload {
-            background: var(--bukazu-button);
-            border: 0;
-            border-radius: 5px;
-            padding: 4px 8px;
-            float: right;
-        }
-    }
-    .bu-properties {
-        padding: 8px;
-        ul {
-            list-style: none;
-            margin: 0;
-            padding: 8px 0 16px;
-            li {
-             padding: 4px 0;
-             label {
-                 display: flex;
-                 align-items: center;
-             }   
-            }
-        }
-    }
-    .SingleDatePicker, .SingleDatePickerInput, .DateInput {
-        width: 100%;
-        display: block;
-        background: rgba(0, 0, 0, 0);
-    }
-}

package/src/styles/form.css

@@ -1,219 +0,0 @@
-#bukazu-app .form {
-  max-width: 1400px;
-  margin: 0 auto;
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  @media screen and (max-width: 992px) {
-    flex-direction: column;
-  }
-  h2 {
-    padding: 16px 0 24px;
-    margin: 0;
-  }
-  .return-link {
-    color: var(--bukazu-button);
-    cursor: pointer;
-    text-decoration: underline;
-  }
-  > div {
-    /* flex: 1; */
-  }
-  .error-message, .bu-error-message {
-    position: relative;
-    width: 100%;
-    color: red;
-    font-size: 14px;
-    padding-bottom: 4px;
-  }
-  &-content {
-    width: 70%;
-    @media screen and (max-width: 992px) {
-      width: 100%;
-    }
-  }
-  &-section {
-    display: flex;
-    flex-direction: column;
-    border-bottom: 1px solid #aeacac;
-    padding: 16px;
-    .age-description {
-      padding: 0 0 0 16px;
-    }
-  }
-  &-sum {
-    padding: 16px;
-    background: #fff;
-    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
-    /* position: absolute; */
-    top: 0;
-    right: 10%;
-    min-width: 400px;
-    max-width: 500px;
-    align-self: flex-start;
-    @media screen and (max-width: 992px) {
-      min-width: 100%;
-    }
-    .house-details {
-      padding: 0 0 16px;
-      border-bottom: 1px solid #aeacac;
-      img {
-        padding: 16px 0;
-        height: 200px;
-        @media screen and (max-width: 992px) {
-          max-width: 100%;
-          height: auto;
-        }
-      }
-      th {
-        text-align: left;
-      }
-    }
-    .booking_option {
-      border: none;
-      display: flex;
-      flex-direction: row;
-      padding: 0;
-      margin: 0;
-      border: 1px solid #aeacac;
-      border-radius: 16px;
-      overflow: hidden;
-      margin: 16px 0;
-      div {
-        width: 50%;
-        text-align: center;
-      }
-      .legend {
-        width: 100%;
-        display: none;
-      }
-      input {
-        display: none;
-      }
-      input:checked + label {
-        background: var(--bukazu-button);
-        /* color: #fff; */
-      }
-      input:disabled + label {
-        background: #efefef;
-        color: #ccc;
-        /* color: #fff; */
-      }
-      label {
-        border-radius: 16px;
-        display: block;
-        flex: 1 1 auto;
-        padding: 8px 16px;
-        line-height: 2rem;
-        transition: all 0.2s ease;
-        cursor: pointer;
-        margin: 0;
-      }
-    }
-    .costs-section {
-      padding: 16px 0;
-      table {
-        width: 100%;
-        tr {
-          width: 100%;
-          td {
-            width: 60%;
-          }
-        }
-      }
-      .price {
-        text-align: right;
-        width: 40%;
-      }
-    }
-    .terms {
-      padding: 8px 0;
-      button {
-        padding: 0 4px;
-        background: 0;
-        display: inline;
-        width: auto;
-        font-size: 16px;
-        background: none;
-        border: none;
-        padding: 0;
-        font: inherit;
-        cursor: pointer;
-        outline: inherit;
-        color: var(--bukazu-button);
-        &:hover {
-          box-shadow: none;
-          text-decoration: underline;
-        }
-      }
-    }
-    button {
-      width: 100%;
-      padding: 16px;
-      border: 0;
-      color: #fff;
-      font-size: 20px;
-      background: var(--bukazu-button_cta);
-      cursor: pointer;
-      &:hover {
-        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
-      }
-    }
-  }
-  &-row {
-    display: flex;
-    flex-direction: column;
-    padding: 8px 0;
-    select,
-    input, .bukazu-date-picker {
-      max-width: 50%;
-      @media screen and (max-width: 992px) {
-        max-width: 100%;
-      }
-    }
-    .bu-input-description {
-      font-style: italic;
-    }
-    &.inline {
-      align-items: center;
-      display: flex;
-      flex-direction: row;
-      /* justify-content: space-between; */
-      flex-wrap: wrap;
-      width: 100%;
-      &.hidden {
-        display: none;
-      }
-      label {
-        width: 30%;
-        font-size: 16px;
-        @media screen and (max-width: 992px) {
-          width: auto;
-        }
-      }
-      select,
-      input {
-        width: auto;
-        min-width: 150px;
-        padding: 8px 64px 8px 16px;
-        @media screen and (max-width: 992px) {
-          order: 3;
-          width: 100%;
-        }
-      }
-      .info-button {
-        margin: 0 0 0 8px;
-      }
-      .price_per {
-        padding: 0 0 0 50px;
-      }
-    }
-  }
-  
-  .return-message {
-    position: fixed;
-    top: 20%;
-    left: 50%;
-    transform: translate(-50%, 0);
-  }
-}

package/src/styles/main.css

@@ -1,80 +0,0 @@
-@import "calendar.css";
-@import "form.css";
-@import "field.css";
-@import "datepicker.css";
-@import "modal.css";
-@import "price-overview.css";
-@import "success.css";
-@import "result.css";
-@import "results.css";
-@import "filters.css";
-@import "pagination.css";
-@import "reviews.css";
-
-#bukazu-app {
-  #search-page {
-    &.bu-reverse {
-      flex-direction: row-reverse;
-    }
-    &.bu-column {
-      flex-direction: column;
-      .filters {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        .filters-reload {
-          max-height: 24px;
-          order: 3;
-        }
-        .bu-field {
-          padding: 8px;
-          width: 200px;
-        }
-      }
-    }
-  }
-  div {
-    box-sizing: border-box;
-  }
-  tr {
-    border: 0;
-  }
-  .align-center {
-    display: flex;
-    align-items: center;
-  }
-  .house-name {
-    padding: 16px;
-  }
-  select {
-    background: #fff;
-    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
-      linear-gradient(135deg, gray 50%, transparent 50%),
-      linear-gradient(to right, #ccc, #ccc);
-    background-position: calc(100% - 20px) calc(1em),
-      calc(100% - 15px) calc(1em), calc(100% - 2.5em);
-    background-size: 5px 5px, 5px 5px, 1px 1.5em;
-    background-repeat: no-repeat;
-  }
-  .info-button {
-    border: none;
-    background: rgba(0, 0, 0, 0);
-    cursor: pointer;
-  }
-
-  .bu_discount_code {
-    width: 100%;
-    display: flex;
-    font-style: italic;
-    div {
-      padding-right: 8px;
-    }
-  }
-
-  .bu_card {
-    background-color: #fefefe;
-    border-radius: 6px;
-    box-shadow: 0px 2px 0 rgba(5,145,255,.1);
-    border: solid 1px #f0f0f0;
-  }
-}

package/src/styles/modal.css

@@ -1,79 +0,0 @@
-.bukazu-modal-container {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color:rgba(0,0,0,0.3);
-  padding: 50px;
-  z-index: 1;
-  display: flex;
-  @media screen and (max-width: 992px) {
-    padding: 50px 16px;
-  }
-}
-.bukazu-modal-container-inner {
-  position: relative;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.bukazu-modal-escape {
-  position: absolute;
-  z-index: 2;
-  width: 100%;
-  height: 100%;
-}
-
-.bukazu-modal {
-  position: absolute;
-  background-color: #fff;
-  width: 500px;
-  min-width: 50vw;
-  min-height: 200px;
-  max-height: 90%;
-  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
-  z-index: 3;
-  margin: 0 auto;
-  border-radius: 5px;
-  padding: 30px;
-  overflow: hidden;
-    display: flex;
-    flex-direction: column;
-
-  .bukazu-modal-content {
-    flex: 1 1 auto;
-    height: 100%;
-    max-height: 100%;
-    overflow-y: auto;
-    padding: 16px 0 32px;
-  }
-  .bukazu-modal-footer {
-    position: absolute;
-    height: 50px;
-    width: 100%;
-    left: 0;
-    bottom: 0;
-    a {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-      width: 100%;
-      color: #fff;
-      font-weight: bold;
-      background: #004fa7;
-      border: 0;
-      appearance: none;
-      cursor: pointer;
-      box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.25);
-      border-radius: 0 0 5px 5px;
-
-    }
-  }
-}

package/src/styles/pagination.css

@@ -1,92 +0,0 @@
-#bukazu-app {
-.bu-pagination {
-  display: -ms-flexbox;
-  display: flex;
-  padding-left: 0;
-  list-style: none;
-  border-radius: 0.25rem;
-  margin: 0;
-  li {
-    margin: 0;
-    a {
-      display: block;
-      padding: 0.5rem 0.75rem;
-      line-height: 1.25;
-      color: var(--bukazu-button);
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      &:hover {
-        z-index: 2;
-        color: #0056b3;
-        text-decoration: none;
-        background-color: #e9ecef;
-        border-color: #dee2e6;
-      }
-      &:focus {
-        z-index: 2;
-        outline: 0;
-        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-      }
-      &:not(:disabled):not(.disabled) {
-        cursor: pointer;
-      }
-
-    }
-    /* margin-left: -1px; */
-  }
-}
-
-.bu-pagination li:first-child a {
-  margin-left: 0;
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-.bu-pagination li:last-child a {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
-}
-.bu-pagination li.selected a {
-  z-index: 1;
-  color: #fff;
-  background-color: var(--bukazu-button);
-  border-color: var(--bukazu-button);
-  a {
-    color: #000;
-  }
-}
-.bu-pagination li.disabled a {
-  color: #6c757d;
-  pointer-events: none;
-  cursor: auto;
-  /* background-color: #fff; */
-  border-color: #dee2e6;
-}
-
-.bu-pagination-lg a {
-  padding: 0.75rem 1.5rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-}
-.bu-pagination-lg li:first-child a {
-  border-top-left-radius: 0.3rem;
-  border-bottom-left-radius: 0.3rem;
-}
-.bu-pagination-lg li:last-child a {
-  border-top-right-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
-}
-
-.bu-pagination-sm a {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-.bu-pagination-sm li:first-child a {
-  border-top-left-radius: 0.2rem;
-  border-bottom-left-radius: 0.2rem;
-}
-.bu-pagination-sm li:last-child a {
-  border-top-right-radius: 0.2rem;
-  border-bottom-right-radius: 0.2rem;
-}
-}