viniBaxter-spa_landing 0.4.0 → 13.1

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

@@ -107,6 +107,13 @@
 }
 
 
+// Direction
+
+.shape-flip-x {
+  transform: scaleX(-1);
+}
+
+
 // Blurs
 
 .shape-blur-1 {
@@ -169,10 +176,13 @@
   top: 0;
   bottom: 0;
   left: 50%;
+  width: 100%;
   transform: translateX(-50%) scale(1.3);
 }
 
 .shape-blur-4 > * {
   width: auto;
   height: 100%;
+  margin-left: auto;
+  margin-right: auto;
 }

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

@@ -0,0 +1,56 @@
+//
+// Extended from Bootstrap
+//
+
+@import 'mixins';
+@import 'alert';
+@import 'badge';
+@import 'breadcrumb';
+@import 'buttons';
+@import 'card';
+@import 'close';
+@import 'custom-forms';
+@import 'dropdown';
+@import 'forms';
+@import 'grid';
+@import 'images';
+@import 'input-group';
+@import 'list-group';
+@import 'modal';
+@import 'navbar';
+
+@import 'pagination';
+@import 'popover';
+@import 'reboot';
+@import 'tables';
+@import 'type';
+@import 'utilities';
+
+//
+// Theme
+//
+
+@import 'aos';
+@import 'avatar';
+@import 'choices';
+@import 'collapse';
+@import 'device';
+@import 'dropzone';
+@import 'fancybox';
+@import 'feather';
+@import 'flickity';
+@import 'footer';
+@import 'highlight';
+@import 'icon';
+@import 'list';
+@import 'quill';
+@import 'screenshot';
+@import 'section';
+@import 'shapes';
+@import 'sidenav';
+
+//
+// iOS
+//
+
+@import 'iOS/index';

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

@@ -2,56 +2,67 @@
 // Extended from Bootstrap
 //
 
-@import "mixins";
-@import "alert";
-@import "badge";
-@import "breadcrumb";
-@import "button-group";
-@import "buttons";
-@import "card";
-@import "carousel";
-@import "close";
-@import "code";
-@import "custom-forms";
-@import "dropdown";
-@import "forms";
-@import "grid";
-@import "images";
-@import "input-group";
-@import "jumbotron";
-@import "list-group";
-@import "media";
-@import "modal";
-@import "nav";
-@import "navbar";
-@import "pagination";
-@import "popover";
-@import "print";
-@import "progress";
-@import "reboot";
-@import "root";
-@import "tables";
-@import "tooltip";
-@import "transitions";
-@import "type";
-@import "utilities";
+@import 'mixins';
+@import 'alert';
+@import 'badge';
+@import 'breadcrumb';
+@import 'buttons';
+@import 'card';
+@import 'close';
+@import 'custom-forms';
+@import 'dropdown';
+@import 'forms';
+@import 'grid';
+@import 'images';
+@import 'input-group';
+@import 'list-group';
+@import 'modal';
+@import 'navbar';
+
+@import 'navbar_creative';
+@import 'navbar-extend';
+@import 'dropdown_creative';
+@import 'dropdown-extend';
+
+@import 'pagination';
+@import 'popover';
+@import 'reboot';
+@import 'tables';
+@import 'type';
+@import 'utilities';
 
 //
 // Theme
 //
 
-@import "aos";
-@import "avatar";
-@import "collapse";
-@import "device";
-@import "fancybox";
-@import "feather";
-@import "footer";
-@import "flickity";
-@import "highlight";
-@import "icon";
-@import "list";
-@import "screenshot";
-@import "section";
-@import "shapes";
-@import "sidenav";
+@import 'aos';
+@import 'avatar';
+@import 'choices';
+@import 'collapse';
+@import 'device';
+@import 'dropzone';
+@import 'fancybox';
+@import 'feather';
+@import 'flickity';
+@import 'footer';
+@import 'highlight';
+@import 'icon';
+@import 'list';
+@import 'quill';
+@import 'screenshot';
+@import 'section';
+@import 'shapes';
+@import 'sidenav';
+@import 'landind-page';
+
+//
+// iOS
+//
+
+@import 'iOS/index';
+
+//
+// Tool
+//
+
+@import 'responsive';

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

@@ -5,9 +5,6 @@
 
 // Font
 
-// Fonts have been added inside a specific
-// app/assets/stylesheets/config/_fonts.scss
-
 // Headings
 
 h1,
@@ -74,55 +71,102 @@ h6,
   line-height: $h6-line-height;
 
   &.text-uppercase {
-    letter-spacing: .08em;
+    letter-spacing: 0.08em;
   }
 }
 
 // Display
 
-.display-1,
-.display-2,
-.display-3,
-.display-4 {
-  letter-spacing: $display-letter-spacing;
-}
-
 .display-1 {
   line-height: $display1-line-height;
-
-  @include media-breakpoint-down(md) {
-    font-size: $display1-size-md;
+  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(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;
   }
 }
 
 .display-2 {
   line-height: $display2-line-height;
+  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;
   }
 }
 
 .display-3 {
   line-height: $display3-line-height;
+  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;
   }
 }
 
 .display-4 {
   line-height: $display4-line-height;
+  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 {
-
   @include media-breakpoint-down(md) {
     font-size: $lead-font-size-md;
   }
@@ -137,7 +181,6 @@ h6,
 }
 
 .blockquote-footer {
-
   &::before {
     display: none;
   }
@@ -166,4 +209,4 @@ h6,
 
 code {
   line-height: $code-line-height;
-}
+}

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});
+}