viniBaxter-spa_landing 0.4.0 → 13.1

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_flatpickr.scss

@@ -0,0 +1,120 @@
+@import './flatpickr/fatpickr_mixins.scss';
+
+#tempModalTemp {
+  .flatpickr-calendar {
+    box-shadow: none !important;
+    width: 100% !important;
+  }
+
+  .flatpickr-calendar:before,
+  .flatpickr-calendar:after {
+    display: contents;
+  }
+
+  .cur-month,
+  .cur-year {
+    color: $black !important;
+  }
+
+  .nextMonthDay,
+  .prevMonthDay {
+    color: $opacity-gray-10 !important;
+  }
+  .flatpickr-day {
+    @include flatpickr-day();
+
+    @include flatpickr-day-width-responsive();
+
+    &.today {
+      background-color: $black-10 !important;
+      color: $light !important ;
+    }
+
+    &.selected,
+    &.selected .nextMonthDay {
+      background: $defaultColor !important;
+      box-shadow: none !important;
+      color: $light !important;
+      border-color: $defaultColor !important;
+      @include inline_small_flatpickr_selected_after_before();
+    }
+
+    @include flatpickr_day_in_range();
+  }
+
+  // header
+  .flatpickr-month {
+    height: 70px !important;
+    .flatpickr-current-month {
+      display: flex !important;
+      align-items: baseline !important;
+      justify-content: center !important;
+      width: 80% !important;
+    }
+  }
+
+  .flatpickr-innerContainer {
+    overflow: unset !important;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .flatpickr-days {
+    overflow: unset !important;
+    position: relative !important;
+    display: flex !important;
+    align-items: flex-start !important;
+    width: 100% !important;
+    min-width: 100% !important;
+  }
+
+  .flatpickr-calendar.inline,
+  .flatpickr-rContainer {
+    width: 100% !important;
+  }
+}
+
+//@at-root
+
+.flatpickr-months {
+  display: flex !important;
+}
+
+.flatpickr-rContainer {
+  width: 100% !important;
+  min-width: 100% !important;
+  overflow: unset !important;
+  max-width: 307.88px !important;
+  flex: 1 1 100%;
+  display: flex !important;
+  flex-direction: column !important;
+  flex-shrink: 1 !important;
+}
+.flatpickr-weekdays {
+  background: transparent !important;
+  text-align: center !important;
+  overflow: hidden !important;
+  width: 100% !important;
+  display: flex !important;
+  align-items: center !important;
+  height: 28px !important;
+  min-width: 100% !important;
+}
+
+// pour les jours dans les cellules
+
+.dayContainer {
+  overflow: hidden !important; // that avoid problem with after content...
+  padding: 0 !important;
+  outline: 0 !important;
+  text-align: left !important;
+  box-sizing: border-box !important;
+  display: flex !important;
+  flex-wrap: wrap !important;
+  justify-content: space-around !important;
+  transform: translate3d(0, 0, 0) !important;
+  opacity: 1 !important;
+  max-width: 100% !important;
+  min-width: 100% !important;
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_flex-container-logic.scss

@@ -0,0 +1,87 @@
+.farthest-corner {
+  @include farthest-corner();
+
+  .colored-block {
+    &.normal_asset_width {
+      padding: 5rem !important;
+      @include media-breakpoint-down(sm) {
+        padding: 5rem 1.5rem !important;
+      }
+    }
+    &.biger_asset_width {
+      padding: 1.5rem 0.5rem !important;
+      @include media-breakpoint-down(sm) {
+        padding: 1.5rem !important;
+      }
+    }
+  }
+
+  img {
+    width: 100%;
+    @include media-breakpoint-down(sm) {
+      width: 70%;
+    }
+    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
+  }
+
+  .flex-item:first-child {
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    &.normal {
+      // flex: 1.4;
+      width: 40%;
+    }
+    &.biger {
+      // flex: 2;
+      width: 40%;
+    }
+  }
+
+  .flex-item:nth-child(2) {
+    // content
+    display: flex;
+    flex: 2;
+    margin-left: 5rem;
+    justify-content: flex-start;
+  }
+
+  .flex-row-reverse {
+    .flex-item:nth-child(2) {
+      flex: 2;
+      align-items: center;
+      justify-content: center;
+      display: flex;
+      margin-left: 0rem;
+    }
+  }
+
+  @include media-breakpoint-down(sm) {
+    .flex-item {
+      flex: 1;
+      align-items: center;
+      justify-content: center !important;
+      display: flex;
+    }
+    .flex-item:first-child {
+      flex-basis: 100% !important;
+    }
+    .flex-item:last-child {
+      margin-top: 2rem;
+      margin-left: 0rem;
+
+      div {
+        text-align: center;
+      }
+    }
+    .flex-wrap-reverse {
+      .flex-item:first-child {
+        margin-top: 2rem;
+      }
+      .flex-item:nth-child(2) {
+        flex-basis: 100%;
+        margin-top: 0rem;
+      }
+    }
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_footer-links-map.scss

@@ -0,0 +1,8 @@
+#links-map-site {
+  h6 {
+    font-size: $h6-font-size * 0.8 !important;
+  }
+  a {
+    font-size: $paragraph-50 !important;
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_form-search.scss

@@ -0,0 +1,34 @@
+#search_modal_form_container {
+  input:not([class*='btn']):not([class*='numInput']) {
+    @include form-with-only-bottom-border;
+  }
+  // input:not([class*='numInput']) {
+  //   @include form-with-only-bottom-border;
+  // }
+}
+
+// form search jumbotron
+// #form-search-xl {
+//   .form-group:first-child {
+//     flex: 2 1 100% !important;
+//   }
+// }
+// .flex-2 {
+//   flex: 2 1 100% !important;
+// }
+// #form-search-xl {
+//   .form-search-xl {
+//     width: 85%;
+//   }
+//   // .form-search-xl > .form-group:first-child {
+//   //   flex: 2 1 100% !important;
+//   // }
+// }
+// #form-search-xl
+//   > div
+//   > div.form-group.string.required.search_what_where_xl_form_input {
+//   flex: 2 1 100% !important;
+// }
+// #form-search-xl > div > div.item_title-main-div-xl > div {
+//   flex: 1 1 49%;
+// }

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_hiw.scss

@@ -0,0 +1,49 @@
+.how_it_work {
+  &:first-child {
+    flex: 2 1 100%;
+  }
+
+  &.card {
+    position: relative;
+    cursor: pointer;
+  }
+
+  &.coll {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-content: space-between;
+    flex: 1 1 49%;
+  }
+  &.coll:nth-last-child(-n + 3) {
+    @include media-breakpoint-down(sm) {
+      display: none !important;
+    }
+  }
+  .img-bg {
+    background-size: cover;
+    background-position: center;
+    padding-bottom: 100%;
+    width: 100%;
+  }
+
+  .cat-how-dark-layer {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    transition: opacity $transition-4;
+    background-image: $light-gradient-opacity;
+    border-radius: 8px;
+    border-radius: 8px;
+    z-index: 2;
+    pointer-events: none;
+    box-shadow: $material-shadow2;
+  }
+
+  .cat-how {
+    &:hover .cat-how-dark-layer {
+      opacity: $opacity-3;
+    }
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_index.scss

@@ -0,0 +1,13 @@
+@import '../hidden/index';
+@import 'key-frame';
+@import 'mixins';
+@import 'class-added-with-javascript';
+@import 'jumbotron-logic';
+@import 'form-search';
+@import 'hiw';
+@import 'flex-container-logic';
+@import 'mission';
+@import 'custom_modals';
+@import 'banking';
+@import 'footer-links-map';
+@import 'flatpickr';

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_jumbotron-logic.scss

@@ -0,0 +1 @@
+@import 'jumbotrons/jubo-home';

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_key-frame.scss

@@ -0,0 +1,9 @@
+// jumbo tro effect
+@keyframes illusion_jumbotron {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_mission.scss

@@ -0,0 +1,6 @@
+// .gdgdg {
+//   font-size: 46px;
+//   letter-spacing: -3.1px;
+//   line-height: 50px;
+//   font-weight: 500;
+// }

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_mixins.scss

@@ -0,0 +1,38 @@
+@mixin form-with-only-bottom-border {
+  border-radius: 0px !important;
+  border: 0px solid #fff !important;
+  border-bottom: 1px solid #63636366 !important;
+  margin-right: 5px !important;
+  padding: 0.3125rem 0 !important;
+  font-size: 18px !important;
+  font-weight: 200 !important;
+  height: 40px !important;
+  width: 100% !important;
+  @include media-breakpoint-down(lg) {
+    // font-size: 2vw !important;
+    letter-spacing: -0.8px !important;
+  }
+  @include media-breakpoint-down(xs) {
+    height: calc(1.4em + 1.625rem + 2px) !important;
+    padding: 0.8125rem 1.25rem !important;
+    // font-size: 1.0625rem !important;
+  }
+}
+
+@mixin form-xs-with-only-bottom-border($color) {
+  border-radius: 0rem !important;
+  border-bottom: 2px solid #ffffff !important;
+  padding: 0.8125rem 0 0.8125rem 1.25rem !important;
+  &:hover {
+    background-color: transparent !important;
+  }
+}
+
+@mixin wrapper-inline-form-bg-white {
+  padding: 1rem 1.2rem 1.5rem;
+  background-color: #fff;
+  box-shadow: $material-shadow2;
+  border-radius: 4px;
+  transition: transform 0.2s ease-out;
+  position: relative;
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/flatpickr/fatpickr_mixins.scss

@@ -0,0 +1,99 @@
+@mixin inline_small_flatpickr_selected_after_before {
+  &.startRange:after {
+    content: '';
+    width: 10px;
+    opacity: 1;
+    width: 48px;
+    height: calc((90vw / 8));
+    background: $range-flatpickr;
+    border: 0px;
+    padding: 0px;
+    position: absolute;
+    right: -16px;
+    z-index: -2;
+    top: -1px;
+    width: calc((90vw / 8) / 1.3);
+  }
+  &.endRange:before {
+    content: '';
+    width: 10px;
+    opacity: 1;
+    width: 48px;
+    height: calc((90vw / 8));
+    background: $range-flatpickr;
+    border: 0px;
+    padding: 0px;
+    position: absolute;
+    left: -16px;
+    z-index: -2;
+    top: -1px;
+    width: calc((90vw / 8) / 1.3);
+  }
+}
+
+@mixin flatpickr_day_in_range {
+  &.inRange {
+    border-radius: 0px !important;
+    box-shadow: none !important;
+    background: $range-flatpickr !important;
+  }
+  &.inRange:before {
+    content: '';
+    opacity: 1;
+    width: 48px;
+    height: calc((90vw / 8));
+    background-color: $range-flatpickr !important;
+    border: 0px;
+    padding: 0px;
+    position: absolute;
+    right: -24px;
+    z-index: 0;
+    top: -1px;
+    width: 30px;
+  }
+}
+
+@mixin flatpickr-day-width-responsive {
+  width: calc((90vw / 8)) !important;
+  height: calc((90vw / 8)) !important;
+  min-width: calc((90vw / 8)) !important;
+  min-height: calc((90vw / 8)) !important;
+  max-width: calc((90vw / 8)) !important;
+  max-height: calc((90vw / 8)) !important;
+  @media screen and (max-width: 322px) {
+    width: 33px !important;
+    height: 33px !important;
+    min-width: 33px !important;
+    min-height: 33px !important;
+    max-width: 33px !important;
+    max-height: 33px !important;
+  }
+  @media screen and (max-width: 294px) {
+    width: 30px !important;
+    height: 30px !important;
+    min-width: 30px !important;
+    min-height: 30px !important;
+    max-width: 30px !important;
+    max-height: 30px !important;
+  }
+}
+
+@mixin flatpickr-day {
+  border: 1px solid transparent;
+  border-radius: 150px;
+  box-sizing: border-box;
+  color: $deep-black;
+  cursor: pointer;
+  font-weight: 300 !important;
+  font-size: 12px !important;
+  width: 47px !important;
+  margin: 0 2px !important;
+  justify-content: center;
+  text-align: center;
+  position: relative !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  line-height: 39px !important;
+  background: none;
+}