viniBaxter-spa_landing 10.0 → 13.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b3462abbf178ddf4bcc88b0fac22687c60c528268f53c2974be75f0a470d78f4
-  data.tar.gz: 2e5e08996b11a990799d0207438909cd47b664053eda472725482250b4e6e944
+  metadata.gz: f238c9a1bbcc10b51e1a5992f2b22689abba323b4c269a6945ec245fa1092b41
+  data.tar.gz: 13cac1d1e45b2edc2aebe69e39f9fc2077e036ce61c5800dbf67a77b7c40332e
 SHA512:
-  metadata.gz: c00890da8475a26897d48bebf26077de9742ccccd5d926fa1ddb9cf73e6068e52bb36145918cb51cb537ed64aecf4edabbd5c66c1259ab4276d277fb08889094
-  data.tar.gz: 3d1555ead2fb5c8fcfb0960fcdd79abf0cd588fd05536313fb7a5bb841d13f93c6fb9f69bfdc55ffda7152423c407044e0db73ce3768fc5583ab08c9fd52fd64
+  metadata.gz: b878783c057c786fe2b838472b426174abc70188944656a806f2b8a52b8535df4b49462eb900921b3be44a39fe9b568560ff93a3bca140322dbf78f187f5c192
+  data.tar.gz: 6ab2e1ba6e10cb190c06a80fe8a0b53071325d8d6755c35751e6a6d609b7b72b77e49d48c12d743d3103feba65990e89d5069699362f4ca3c911c9af460acd66

data/lib/viniBaxter/sass/bootstrap/_buttons.scss

@@ -55,6 +55,10 @@
       }
     }
   }
+
+  &.long {
+    padding: $btn-padding-y $btn-padding-x * 2;
+  }
 }
 
 // Future-proof disabling of clicks on `<a>` elements
@@ -80,16 +84,31 @@ fieldset:disabled a.btn {
 }
 
 // Gradient
+@mixin local_mixin_for_gradient_active($color) {
+  @include set-gradient-button($color);
+  color: $light;
+  // background-size: 300% 100%;
+  transition: all 0.4s ease-in-out;
+  border: 0px solid transparent !important;
+  &:hover {
+    background-position: 100% 0;
+    transition: all 0.4s ease-in-out;
+    color: $light;
+  }
+}
+
 @each $color, $value in $theme-gradient-colors {
   .btn-gradient-#{$color} {
-    @include set-gradient-button($color);
-    color: $light;
-    // background-size: 300% 100%;
-    transition: all 0.4s ease-in-out;
-    &:hover {
-      background-position: 100% 0;
-      transition: all 0.4s ease-in-out;
-      color: $light;
+    @include local_mixin_for_gradient_active($color);
+    &[aria-selected='true'] {
+      border: 1px solid #fff !important;
+    }
+    &[aria-selected='false'] {
+      // display: none !important;
+      // @include button-outline-variant($value);
+      background: #fff !important;
+      border: 1px solid #454545 !important;
+      color: #454545 !important;
     }
   }
 }

data/lib/viniBaxter/sass/bootstrap/_grid.scss

@@ -19,6 +19,9 @@
     @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
       %responsive-container-#{$breakpoint} {
         max-width: $container-max-width;
+        &.container-nav-bar {
+          max-width: $container-max-width * 1.2;
+        }
       }
 
       // Extend each breakpoint which is smaller or equal to the current breakpoint
@@ -38,6 +41,13 @@
       }
     }
   }
+
+  .container-full-xs {
+    @include media-breakpoint-down(md) {
+      max-width: 100vw !important;
+      padding: 0px !important;
+    }
+  }
 }
 
 // Row

data/lib/viniBaxter/sass/bootstrap/_reboot.scss

@@ -65,6 +65,7 @@ body {
     padding-top: $padding-body-lg-fixed-nav;
   }
 
+  a,
   p {
     font-weight: $font-weight-light;
     @include font-size($paragraph-font-size);

data/lib/viniBaxter/sass/bootstrap/bootstrap.scss

@@ -26,7 +26,7 @@
 @import 'breadcrumb';
 @import 'pagination';
 @import 'badge';
-@import 'jumbotron';
+// @import 'jumbotron';
 @import 'alert';
 @import 'progress';
 @import 'media';

data/lib/viniBaxter/sass/spa_landing-basic-nav.scss

@@ -1,8 +1,11 @@
 // bootstrap
-@import 'bootstrap/bootstrap';
+// @import 'bootstrap/bootstrap';
 
 // Theme functions
-@import 'spa_landing/theme/functions';
+// @import 'spa_landing/theme/functions';
 
-// Theme core
-@import 'spa_landing/theme/theme-basic-nav';
+// // Theme core
+// @import 'spa_landing/theme/theme-basic-nav';
+
+// // commun for both gems
+// @import 'spa_landing/theme/both_gems';

data/lib/viniBaxter/sass/spa_landing-nav.scss

@@ -1,8 +1,11 @@
-// bootstrap
-@import 'bootstrap/bootstrap';
+// // bootstrap
+// @import 'bootstrap/bootstrap';
 
-// Theme functions
-@import 'spa_landing/theme/functions';
+// // Theme functions
+// @import 'spa_landing/theme/functions';
 
-// Theme core
-@import 'spa_landing/theme/theme';
+// // // Theme core
+// @import 'spa_landing/theme/theme';
+
+// // // commun for both gems
+// @import 'spa_landing/theme/both_gems';

data/lib/viniBaxter/sass/spa_landing/theme/_both_gems.scss

@@ -0,0 +1 @@
+@import 'both_gems/index';

data/lib/viniBaxter/sass/spa_landing/theme/_buttons.scss

@@ -8,11 +8,11 @@
   width: auto;
 }
 
-.btn:not([class*="btn-outline"]) {
-  border-color: transparent !important;
+.btn:not([class*='btn-outline']) {
+  // border-color: transparent !important;
+  border-color: transparent;
 }
 
-
 // Sizing
 
 .btn-xs {
@@ -20,7 +20,6 @@
   font-size: $input-btn-font-size-xs;
 }
 
-
 // Custom colors
 
 .btn-white {
@@ -50,16 +49,16 @@
 }
 
 .btn-gray-300-20 {
-  background-color: rgba($gray-300, .2);
+  background-color: rgba($gray-300, 0.2);
   color: $white;
 
   @include hover-focus {
-    background-color: rgba($gray-300, .25);
+    background-color: rgba($gray-300, 0.25);
     color: $white;
   }
 
   &.active {
-    background-color: rgba($gray-300, .25);
+    background-color: rgba($gray-300, 0.25);
     color: $white;
   }
 }
@@ -80,16 +79,16 @@
 }
 
 .btn-gray-400-10 {
-  background-color: rgba($gray-400, .1);
+  background-color: rgba($gray-400, 0.1);
   color: $white;
 
   @include hover-focus {
-    background-color: rgba($gray-400, .15);
+    background-color: rgba($gray-400, 0.15);
     color: $white;
   }
 
   &.active {
-    background-color: rgba($gray-400, .15);
+    background-color: rgba($gray-400, 0.15);
     color: $white;
   }
 }
@@ -128,7 +127,6 @@
   }
 }
 
-
 // Soft variants
 
 @each $color, $value in $theme-colors {
@@ -137,14 +135,12 @@
   }
 }
 
-
 // Pill
 
 .btn-pill {
   border-radius: $rounded-pill;
 }
 
-
 // Rounded circle
 
 .btn-rounded-circle {

data/lib/viniBaxter/sass/spa_landing/theme/_dropdown-extend.scss

@@ -37,7 +37,7 @@
       bottom: -5px;
       right: auto;
       left: 10px;
-      color: $white-color;
+      color: $light;
       border-top: 0.4em solid;
       border-right: 0.4em solid transparent;
       border-left: 0.4em solid transparent;

data/lib/viniBaxter/sass/spa_landing/theme/_dropdown_creative.scss

@@ -62,7 +62,7 @@
     top: -5px;
     left: 10px;
     right: auto;
-    color: $white-color;
+    color: $light;
     border-bottom: 0.4em solid;
     border-right: 0.4em solid transparent;
     border-left: 0.4em solid transparent;
@@ -83,7 +83,7 @@
     @include dropdown-colors(
       darken($primary-color, 3%),
       $opacity-8,
-      $white-color,
+      $light,
       $opacity-2
     );
   }
@@ -92,7 +92,7 @@
     @include dropdown-colors(
       darken($info-color, 3%),
       $opacity-8,
-      $white-color,
+      $light,
       $opacity-2
     );
   }
@@ -101,7 +101,7 @@
     @include dropdown-colors(
       darken($danger-color, 3%),
       $opacity-8,
-      $white-color,
+      $light,
       $opacity-2
     );
   }
@@ -110,7 +110,7 @@
     @include dropdown-colors(
       darken($success-color, 3%),
       $opacity-8,
-      $white-color,
+      $light,
       $opacity-2
     );
   }
@@ -119,7 +119,7 @@
     @include dropdown-colors(
       darken($warning-color, 3%),
       $opacity-8,
-      $white-color,
+      $light,
       $opacity-2
     );
   }

data/lib/viniBaxter/sass/spa_landing/theme/{_landin-page.scss → _landind-page.scss}

@@ -1,5 +1,5 @@
-.lp_jumbo {
-  .container-lp-center {
+.wrapper-overlay {
+  .overlay-text-respons {
     margin-left: auto !important;
     margin-right: auto !important;
     width: auto !important;

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

@@ -10,3 +10,4 @@
 @import 'mixins/vendor-prefixes';
 @import 'mixins/dropdown';
 @import 'mixins/navbar';
+@import 'mixins/colored_block';

data/lib/viniBaxter/sass/spa_landing/theme/_theme.scss

@@ -53,7 +53,7 @@
 @import 'section';
 @import 'shapes';
 @import 'sidenav';
-@import 'landin-page';
+@import 'landind-page';
 
 //
 // iOS

data/lib/viniBaxter/sass/spa_landing/theme/_type.scss

@@ -81,10 +81,20 @@ h6,
   line-height: $display1-line-height;
   letter-spacing: $display1-letter-spacing;
 
-  @include media-breakpoint-down(md) {
-    font-size: $display1-size-md !important;
-    line-height: $display1-line-height-size-md !important;
-    letter-spacing: $display1-line-letter-spacing-md !important;
+  // @include media-breakpoint-down(md) {
+  //   font-size: $display1-size-md !important;
+  //   line-height: $display1-line-height-size-md !important;
+  //   letter-spacing: $display1-line-letter-spacing-md !important;
+  // }
+  @include media-breakpoint-down(sm) {
+    font-size: $display1-size-sm !important;
+    line-height: $display1-line-height-size-sm !important;
+    letter-spacing: $display1-line-letter-spacing-sm !important;
+  }
+  @include media-breakpoint-down(xs) {
+    font-size: $display1-size-xs !important;
+    line-height: $display1-line-height-xs !important;
+    letter-spacing: $display1-line-letter-spacing-xs !important;
   }
 }
 
@@ -93,7 +103,9 @@ h6,
   letter-spacing: $display2-letter-spacing;
 
   @include media-breakpoint-down(md) {
-    font-size: $display2-size-md;
+    font-size: $display2-size-sm;
+    line-height: $display2-line-height-size-sm !important;
+    letter-spacing: $display2-line-letter-spacing-sm;
   }
 }
 
@@ -102,7 +114,10 @@ h6,
   letter-spacing: $display3-letter-spacing;
 
   @include media-breakpoint-down(md) {
-    font-size: $display3-size-md;
+    font-size: $display3-size-sm;
+    line-height: $display3-line-height-size-sm !important;
+    letter-spacing: $display3-line-letter-spacing-sm;
+    font-weight: $display3-weight-sm;
   }
 }
 
@@ -111,10 +126,44 @@ h6,
   letter-spacing: $display4-letter-spacing;
 
   @include media-breakpoint-down(md) {
-    font-size: $display4-size-md;
+    font-size: $display4-size-sm;
+    line-height: $display4-line-height-size-sm !important;
+    letter-spacing: $display4-line-letter-spacing-sm;
+    font-weight: $display4-weight-sm;
   }
 }
 
+// display rules on xs screen
+
+.display-xs-1 {
+  font-size: $display1-size-xs;
+  font-weight: $display1-weight-xs;
+  line-height: $display1-line-height-xs;
+  letter-spacing: $display1-line-letter-spacing-xs;
+}
+.display-xs-2 {
+  font-size: $display2-size-xs;
+  font-weight: $display2-weight-xs;
+  line-height: $display2-line-height-xs;
+  letter-spacing: $display2-line-letter-spacing-xs;
+}
+.display-xs-3 {
+  font-size: $display3-size-xs;
+  font-weight: $display3-weight-xs;
+  line-height: $display3-line-height-xs;
+}
+.display-xs-4 {
+  font-size: $display4-size-xs;
+  font-weight: $display4-weight-xs;
+  line-height: $display4-line-height-xs;
+}
+.display-xs-p {
+  font-size: $display-p-size-xs;
+  font-weight: $display-p-weight-xs;
+  line-height: $display-p-line-height-xs;
+  letter-spacing: $display-p-line-letter-spacing-xs;
+}
+
 // Lead
 
 .lead {

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

@@ -0,0 +1,17 @@
+.banking {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+
+  img {
+    width: 30%;
+  }
+
+  div {
+    img {
+      width: 60%;
+    }
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/both_gems/_class-added-with-javascript.scss

@@ -0,0 +1,15 @@
+// on xs only when user click on
+// form to find place
+
+@include media-breakpoint-down(xs) {
+  #content {
+    opacity: 1;
+    transition: all 0.4s ease-in-out;
+    &.hidden_content {
+      opacity: 0;
+      // animation-name: illusion_content !important;
+      // animation-duration: 300ms !important;
+      // animation-timing-function: ease-out !important;
+    }
+  }
+}

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

@@ -0,0 +1,115 @@
+// modal.scss
+// Extended from Bootstrap
+//
+
+//
+// Bootstrap Overrides =======================
+//
+[class*='modal fade fixed-'] {
+  .modal-body {
+    position: relative;
+    flex: 1 1 auto;
+    padding: 2rem 1rem 1rem;
+    height: 120vh !important;
+  }
+}
+
+.modal-dialog {
+  // When fading in the modal, animate it to slide down
+  .modal.fade & {
+    transform: translate(0, -150px);
+  }
+
+  .modal.show & {
+    transform: translate(0, 0);
+  }
+}
+
+.modal-header .close {
+  margin: -1.5rem -1.5rem -1.5rem auto;
+}
+
+//
+// Dashkit ===================================
+//
+
+// Modal dialog vertical
+//
+// Creates a vertically aligned version of the modal dialog
+
+.modal-dialog-vertical {
+  height: 100%;
+  max-width: $modal-dialog-vertical-width;
+  margin: 0;
+  &.large {
+    max-width: $modal-dialog-vertical-width-md !important;
+  }
+
+  .modal-content {
+    height: inherit;
+    border-width: 0 $modal-content-border-width 0 0;
+    border-radius: 0;
+    border: 0px !important;
+  }
+
+  .modal-header {
+    border-radius: inherit;
+  }
+
+  .modal-body {
+    height: inherit;
+    overflow-y: auto;
+  }
+
+  &.xs {
+    max-width: $modal-dialog-vertical-width-xs;
+  }
+
+  &.modal-convertion {
+    max-width: 100%;
+  }
+}
+
+.modal.fade .modal-dialog-vertical {
+  transform: translateX(-100%);
+}
+
+.modal.show .modal-dialog-vertical {
+  transform: translateX(0);
+}
+
+// Positioning
+
+.modal.fixed-right {
+  padding-right: 0 !important;
+}
+
+.modal.fixed-right .modal-dialog-vertical {
+  margin-left: auto;
+}
+
+.modal.fixed-right.fade .modal-dialog-vertical {
+  transform: translateX(100%);
+}
+
+.modal.fixed-right.show .modal-dialog-vertical {
+  transform: translateX(0);
+}
+
+// Modal card
+
+.modal-card {
+  margin-bottom: 0;
+
+  .card-body {
+    max-height: $modal-card-body-max-height;
+    overflow-y: auto;
+  }
+}
+
+// Modal tabs
+
+.modal-header-tabs {
+  margin-top: -$modal-header-padding-y;
+  margin-bottom: calc(-#{$modal-header-padding-y} - #{$border-width});
+}