viniBaxter-spa_landing 0.2.0 → 10.0

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 'landin-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,29 +71,26 @@ 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;
+  letter-spacing: $display1-letter-spacing;
 
   @include media-breakpoint-down(md) {
-    font-size: $display1-size-md;
+    font-size: $display1-size-md !important;
+    line-height: $display1-line-height-size-md !important;
+    letter-spacing: $display1-line-letter-spacing-md !important;
   }
 }
 
 .display-2 {
   line-height: $display2-line-height;
+  letter-spacing: $display2-letter-spacing;
 
   @include media-breakpoint-down(md) {
     font-size: $display2-size-md;
@@ -105,6 +99,7 @@ h6,
 
 .display-3 {
   line-height: $display3-line-height;
+  letter-spacing: $display3-letter-spacing;
 
   @include media-breakpoint-down(md) {
     font-size: $display3-size-md;
@@ -113,6 +108,7 @@ h6,
 
 .display-4 {
   line-height: $display4-line-height;
+  letter-spacing: $display4-letter-spacing;
 
   @include media-breakpoint-down(md) {
     font-size: $display4-size-md;
@@ -122,7 +118,6 @@ h6,
 // Lead
 
 .lead {
-
   @include media-breakpoint-down(md) {
     font-size: $lead-font-size-md;
   }
@@ -137,7 +132,6 @@ h6,
 }
 
 .blockquote-footer {
-
   &::before {
     display: none;
   }
@@ -166,4 +160,4 @@ h6,
 
 code {
   line-height: $code-line-height;
-}
+}

data/lib/viniBaxter/sass/spa_landing/theme/iOS/_1068.scss

@@ -0,0 +1,44 @@
+// 1068
+
+// @media only screen and (max-width: 1068px) {
+@include media-breakpoint-down(lg) {
+  .section-card-tiles .cards-tiles-list {
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+  }
+}
+
+@media only screen and (max-width: 1068px) {
+  .section-card-tiles .card-tile:nth-child(odd) {
+    border-right: 10px solid #fff;
+  }
+  .section-card-tiles .card-tile:nth-child(even) {
+    border-left: 10px solid #fff;
+  }
+  .section-card-tiles .card-tile {
+    &:nth-child(1),
+    &:nth-child(2) {
+      border-bottom: 10px solid #fff;
+    }
+  }
+  .section-card-tiles .card-tile {
+    &:nth-child(3),
+    &:nth-child(4) {
+      border-top: 10px solid #fff;
+    }
+  }
+  .section-card-tiles .card-tile-set h2 {
+    max-width: 234px;
+  }
+  .section-card-tiles .card-tile-set .cat-tile-bg {
+    background-repeat: no-repeat;
+  }
+  .section-card-tiles .cat-tile-copy {
+    top: 29%;
+  }
+  .section-card-tiles .cat-tile-copy a {
+    margin-top: 22px;
+    font-size: 21px;
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/iOS/_735.scss

@@ -0,0 +1,56 @@
+@include media-breakpoint-down(sm) {
+  // @media only screen and (max-width: 735px) {
+  .section-card-tiles {
+    max-width: 414px;
+  }
+  .section-card-tiles .cards-tiles-list {
+    margin-right: auto;
+    margin-bottom: 15px;
+    margin-left: auto;
+  }
+  .section-card-tiles .card-tile {
+    margin: 0 auto 15px;
+    flex-basis: 100%;
+    max-width: 100%;
+    padding-right: 0;
+
+    &:nth-child(odd) {
+      border-right: none;
+    }
+
+    &:nth-child(even) {
+      border-left: none;
+    }
+
+    &:nth-child(1),
+    &:nth-child(2) {
+      border-bottom: none;
+    }
+
+    &:nth-child(3),
+    &:nth-child(4) {
+      border-top: none;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  .section-card-tiles .jump-tile-video {
+    top: 0;
+  }
+  .section-card-tiles .cat-tile-copy {
+    top: 50%;
+    transform: translateY(-50%);
+    h2,
+    a {
+      max-width: 100%;
+    }
+    a {
+      margin-top: 16px;
+    }
+  }
+  .section-card-tiles .card-tile-set .cat-tile-bg {
+    background-repeat: no-repeat;
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/iOS/_OS_style.scss

@@ -0,0 +1,211 @@
+// @import url(https://fonts.googleapis.com/css?family=Ek+Mukta:200);
+$cubic: cubic-bezier(0.4, 0.01, 0.165, 0.99);
+// $mukta: 'Ek Mukta', sans-serif;
+$menuItems: 15;
+
+.window {
+  position: relative;
+  display: block;
+  width: 100%;
+  margin: 100px auto 0;
+  overflow: hidden;
+  border-radius: 3px;
+
+  .header {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    height: 60px;
+    width: 100%;
+    // background: rgba(#fff, 1);
+    overflow: hidden;
+    transition: all 0.5s ease-out, background 1s ease-out;
+    transition-delay: 0.2s;
+    z-index: 9999;
+    -webkit-backdrop-filter: saturate(180%) blur(20px);
+    backdrop-filter: saturate(180%) blur(20px);
+
+    .burger-container {
+      position: relative;
+      display: inline-block;
+      height: 60px;
+      width: 60px;
+      cursor: pointer;
+      transform: rotate(0deg);
+      transition: all 0.3s $cubic;
+      user-select: none;
+      -webkit-tap-highlight-color: transparent;
+
+      #burger {
+        width: 18px;
+        height: 8px;
+        position: relative;
+        display: block;
+        margin: -4px auto 0;
+        top: 50%;
+
+        .bar {
+          width: 100%;
+          height: 1px;
+          display: block;
+          position: relative;
+          background: $body-color;
+          transition: all 0.3s $cubic;
+          transition-delay: 0s;
+
+          &.topBar {
+            transform: translateY(0px) rotate(0deg);
+          }
+
+          &.btmBar {
+            transform: translateY(6px) rotate(0deg);
+          }
+        }
+      }
+    }
+
+    .icon {
+      display: inline-block;
+      position: absolute;
+      height: 100%;
+      line-height: 50px;
+      width: 50px;
+      height: 50px;
+      text-align: center;
+      color: $body-color;
+      font-size: 22px;
+      left: 50%;
+      transform: translateX(-50%);
+
+      &.icon_sxmGreatAgain {
+        right: 0;
+        top: 0;
+        left: auto;
+        transform: translateX(0px);
+        transition: transform 0.5s $cubic;
+        transition-delay: 0.65s;
+      }
+    }
+
+    ul.menu {
+      position: relative;
+      display: block;
+      padding: 10% 20% 20%;
+      list-style: none;
+
+      li.menu-item {
+        border-bottom: 1px solid #fff;
+        margin-top: 5px;
+        transform: scale(1.15) translateY(-30px);
+        opacity: 0;
+        transition: transform 0.5s $cubic, opacity 0.6s $cubic;
+
+        @for $i from 1 through $menuItems {
+          &:nth-child(#{$i}) {
+            transition-delay: #{0.56 - ($i * 0.07)}s;
+          }
+        }
+
+        a {
+          display: block;
+          position: relative;
+          color: $light;
+          // font-family: $mukta;
+          font-weight: 100;
+          text-decoration: none;
+          font-size: 22px;
+          line-height: 2.35;
+          font-weight: 500;
+          width: 100%;
+        }
+      }
+    }
+
+    &.menu-opened {
+      height: 100%;
+      // background-color: rgba(255, 255, 255, 0.27);
+      background: $primary-gradient-opacity;
+      transition: all 0.3s ease-in, background 0.3s ease-in;
+      transition-delay: 0.25s;
+      backdrop-filter: saturate(180%) blur(20px);
+
+      .burger-container {
+        transform: rotate(90deg);
+
+        #burger {
+          .bar {
+            transition: all 0.4s $cubic;
+            transition-delay: 0.2s;
+
+            &.topBar {
+              transform: translateY(4px) rotate(45deg);
+            }
+
+            &.btmBar {
+              transform: translateY(3px) rotate(-45deg);
+            }
+          }
+        }
+      }
+
+      ul.menu {
+        li.menu-item {
+          transform: scale(1) translateY(0px);
+          opacity: 1;
+
+          @for $i from 1 through $menuItems {
+            &:nth-child(#{$i}) {
+              transition-delay: #{0.07 * $i + 0.2}s;
+            }
+          }
+        }
+      }
+
+      .icon {
+        &.icon_sxmGreatAgain {
+          transform: translateX(75px);
+          transition-delay: 0.3s;
+        }
+      }
+    }
+  }
+
+  .content {
+    // font-family: $mukta;
+    padding: 67px 4% 0;
+    text-align: justify;
+    overflow: scroll;
+    max-height: 100%;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    h2 {
+      margin-bottom: 0px;
+      letter-spacing: 1px;
+    }
+
+    img {
+      width: 95%;
+      position: relative;
+      display: block;
+      margin: 75px auto 75px;
+
+      &:nth-of-type(2) {
+        margin: 75px auto;
+      }
+    }
+  }
+
+  @media (max-width: 3300px) {
+    width: 100%;
+    margin: 0;
+    border-radius: 0px;
+
+    .header {
+      position: fixed;
+    }
+  }
+}