viniBaxter-spa_landing 0.6.0 → 13.2

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

@@ -0,0 +1,284 @@
+//
+// quill.scss
+// Quill plugin overrides
+//
+
+.ql-container {
+  font-family: $font-family-base;
+}
+
+.ql-toolbar {
+  position: relative;
+  padding: $input-padding-y $input-padding-x;
+  background-color: $input-bg;
+  border: $input-border-width solid $input-border-color;
+  border-radius: $input-border-radius $input-border-radius 0 0;
+  color: $input-color;
+}
+
+.ql-toolbar + .ql-container {
+  margin-top: -$border-width;
+}
+
+.ql-toolbar + .ql-container .ql-editor {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.ql-editor {
+  min-height: $line-height-base * $font-size-base * 4;
+  display: block;
+  width: 100%;
+  padding: $input-padding-y $input-padding-x;
+  font-size: $font-size-base;
+  line-height: $input-line-height;
+  color: $input-color;
+  background-color: $input-bg;
+  background-clip: padding-box;
+  border: $input-border-width solid $input-border-color;
+
+  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+  @if $enable-rounded {
+    // Manually use the if/else instead of the mixin to account for iOS override
+    border-radius: $input-border-radius;
+  }
+
+  @else {
+    // Otherwise undo the iOS default
+    border-radius: 0;
+  }
+
+  @include box-shadow($input-box-shadow);
+  @include transition($input-transition);
+
+  // Unstyle the caret on `<select>`s in IE10+.
+  &::-ms-expand {
+    background-color: transparent;
+    border: 0;
+  }
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus($ignore-warning: true);
+}
+
+.ql-hidden {
+  position: absolute;
+  transform: scale(0);
+}
+
+
+// Placeholder
+
+.ql-editor.ql-blank::before {
+  top: $input-padding-y;
+  left: $input-padding-x;
+  font-style: normal;
+  color: $input-placeholder-color;
+}
+
+.ql-editor:focus::before {
+  display: none;
+}
+
+
+// Toolbar
+
+.ql-formats {
+  padding-left: .5rem;
+  padding-right: .5rem;
+
+  &:first-child {
+    padding-left: 0;
+  }
+
+  &:last-child {
+    padding-right: 0;
+  }
+}
+
+.ql-toolbar button {
+  padding: 0 .25rem;
+  background: none;
+  border: none;
+  color: $body-color;
+  cursor: pointer;
+  transition: $transition-base;
+
+  &:hover {
+    color: $primary;
+  }
+
+  &:first-child {
+    margin-left: -.25rem;
+  }
+}
+
+.ql-toolbar .ql-active {
+  color: $primary;
+}
+
+.ql-toolbar button svg {
+  height: $font-size-lg;
+  width: $font-size-lg;
+}
+
+.ql-toolbar .ql-stroke {
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: none;
+}
+
+.ql-toolbar .ql-thin {
+  stroke-width: 1;
+}
+
+.ql-toolbar .ql-fill {
+  fill: currentColor;
+}
+
+.ql-toolbar input.ql-image {
+  position: absolute;
+  transform: scale(0);
+}
+
+
+// Tooltip
+
+.ql-tooltip {
+  position: absolute;
+  z-index: $zindex-tooltip;
+  display: flex;
+  flex-wrap: nowrap;
+  width: 18.5rem;
+  background-color: $popover-bg;
+  border: $popover-border-width solid $popover-border-color;
+  border-radius: $popover-border-radius;
+  padding: $input-padding-y $input-padding-x;
+  margin-top: .6rem; // arrow width
+  box-shadow: $popover-box-shadow;
+
+  // Arrow
+
+  &:before, &:after {
+    content: '';
+    position: absolute;
+    left: 50%;
+    bottom: 100%;
+    transform: translateX(-50%);
+  }
+
+  &:before {
+    border-bottom: .6rem solid $popover-border-color;
+    border-left: .6rem solid transparent;
+    border-right: .6rem solid transparent;
+  }
+
+  &:after {
+    border-bottom: .5rem solid $popover-bg;
+    border-left: .5rem solid transparent;
+    border-right: .5rem solid transparent;
+  }
+}
+
+.ql-container .ql-tooltip:hover {
+  display: flex !important;
+}
+
+.ql-tooltip .ql-preview {
+  width: 100%;
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
+  @include transition($btn-transition);
+}
+
+.ql-tooltip.ql-editing .ql-preview {
+  display: none;
+}
+
+.ql-tooltip input {
+  display: none;
+  width: 100%;
+  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  background-color: transparent;
+  font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
+  border: none;
+  color: $input-color;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.ql-tooltip.ql-editing input {
+  display: block;
+}
+
+
+.ql-tooltip .ql-action,
+.ql-tooltip .ql-remove {
+  margin-left: .25rem;
+}
+
+.ql-tooltip .ql-action::before,
+.ql-tooltip .ql-remove::before {
+  display: inline-block;
+  font-weight: $btn-font-weight;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: $btn-border-width solid transparent;
+  cursor: pointer;
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
+  @include transition($btn-transition);
+
+  // Share hover and focus styles
+  @include hover-focus {
+    text-decoration: none;
+  }
+
+  &:focus,
+  &.focus {
+    outline: 0;
+    box-shadow: $btn-focus-box-shadow;
+  }
+}
+
+.ql-tooltip .ql-action::before,
+.ql-tooltip.ql-editing .ql-action::before {
+  @include button-variant($primary, $primary);
+}
+
+.ql-tooltip .ql-action::before {
+  content: 'Edit';
+}
+
+.ql-tooltip.ql-editing .ql-action::before {
+  content: 'Save';
+}
+
+.ql-tooltip .ql-remove::before {
+  @include button-variant($white, $white);
+  content: 'Remove';
+  border-color: $gray-300;
+}
+
+.ql-tooltip.ql-editing .ql-remove::before {
+  display: none;
+}
+
+
+// Formatting
+
+.ql-editor blockquote {
+  margin-bottom: $spacer;
+  font-size: $blockquote-font-size;
+}
+
+.ql-editor img {
+  max-width: 100%;
+  height: auto;
+}

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

@@ -3,15 +3,7 @@
 // Extended from Bootstrap
 //
 
-html {
-  height: 100%;
-}
-
-html, body {
-  overflow-x: hidden;
-}
-
+html,
 body {
-  min-height: 100%;
-  overflow-y: hidden;
+  overflow-x: hidden;
 }

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

@@ -0,0 +1,307 @@
+// KEEP
+// / nav
+@media screen and (max-width: 991px) {
+  @include navbar-collapse();
+
+  .profile-photo .profile-photo-small {
+    margin-left: -2px;
+  }
+
+  [class*='navbar-toggleable-'] .navbar-collapse {
+    width: 300px;
+  }
+
+  .button-dropdown {
+    display: none;
+  }
+
+  .section-nucleo-icons .container .row > [class*='col-']:first-child {
+    text-align: center;
+  }
+
+  .footer {
+    .copyright {
+      text-align: right;
+    }
+  }
+
+  .section-nucleo-icons .icons-container {
+    margin-top: 65px;
+  }
+
+  .section-images {
+    height: 500px;
+    max-height: 500px;
+
+    .hero-images-container {
+      max-width: 500px;
+    }
+
+    .hero-images-container-1 {
+      right: 10%;
+      top: 68%;
+      max-width: 269px;
+    }
+
+    .hero-images-container-2 {
+      right: 5%;
+      max-width: 135px;
+      top: 93%;
+    }
+  }
+
+  .nav-open {
+    .navbar-collapse {
+      @include transform-translate-x(0px);
+    }
+
+    .wrapper {
+      @include transform-translate-x(-150px);
+    }
+
+    .navbar-translate {
+      @include transform-translate-x(-300px);
+    }
+
+    .menu-on-left {
+      .navbar-collapse {
+        @include transform-translate-x(0px);
+      }
+
+      .navbar-translate {
+        @include transform-translate-x(300px);
+      }
+
+      .wrapper {
+        @include transform-translate-x(150px);
+      }
+
+      #bodyClick {
+        right: auto;
+        left: 300px;
+      }
+    }
+  }
+}
+// nav
+@media screen and (min-width: 992px) {
+  .navbar-nav {
+    .nav-link {
+      &.profile-photo {
+        padding: 0;
+        margin: 7px $padding-base-horizontal;
+      }
+
+      &.btn:not(.btn-sm) {
+        margin: 0;
+      }
+    }
+
+    .nav-item:not(:last-child) {
+      margin-right: 5px;
+    }
+  }
+  .navbar-collapse:not(.has-image) {
+    background: transparent !important;
+  }
+
+  .card.card-form-horizontal {
+    [class*='col-sm-']:not(:last-child),
+    [class*='col-md-']:not(:last-child) {
+      padding-right: 0;
+    }
+  }
+
+  .burger-menu {
+    @include navbar-collapse();
+
+    .navbar-toggler {
+      display: block;
+    }
+
+    .navbar-collapse {
+      display: block !important;
+
+      .navbar-nav {
+        position: relative;
+        max-height: calc(100vh - 75px);
+        min-height: 100%;
+        overflow: auto;
+        margin-top: 53px;
+        height: 100%;
+        z-index: 2;
+        position: relative;
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column;
+
+        .nav-item {
+          margin: 0;
+        }
+      }
+    }
+
+    .navbar-nav .dropdown-menu {
+      position: static;
+      float: none;
+    }
+
+    &.menu-on-left {
+      .navbar-collapse {
+        right: auto;
+        left: 0;
+        @include transform-translate-x(-300px);
+      }
+
+      .navbar-translate {
+        flex-direction: row-reverse;
+      }
+    }
+
+    .navbar-toggleable-md {
+      .navbar-nav .dropdown-menu {
+        position: static;
+        float: none;
+      }
+
+      .navbar-toggler {
+        display: inline-block;
+      }
+    }
+
+    .nav-open & {
+      &.menu-on-left .navbar .navbar-translate {
+        @include transform-translate-x(300px);
+      }
+
+      .navbar .navbar-translate {
+        @include transform-translate-x(-300px);
+      }
+
+      &.menu-on-left .navbar-collapse,
+      .navbar-collapse {
+        @include transform-translate-x(0px);
+      }
+
+      &.menu-on-left #bodyClick {
+        right: auto;
+        left: 300px;
+      }
+    }
+
+    &.menu-on-left .navbar-brand {
+      float: right;
+      margin-right: 0;
+      margin-left: 1rem;
+    }
+  }
+
+  .section-nucleo-icons .icons-container {
+    margin: 0 0 0 auto;
+  }
+
+  .footer:not(.footer-big) {
+    .copyright {
+      float: right;
+    }
+  }
+}
+
+// nav
+@media screen and (max-width: 576px) {
+  .navbar[class*='navbar-toggleable-'] .container {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .typography-line span {
+    margin-left: 0;
+  }
+
+  .team-4 {
+    .card-profile .card-footer {
+      text-align: center;
+    }
+  }
+
+  .nav-pills.nav-pills-just-icons {
+    justify-content: center;
+
+    .nav-item .nav-link {
+      margin-top: 15px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
+  .footer {
+    .pull-left,
+    .footer-brand,
+    .pull-right {
+      float: unset;
+    }
+  }
+
+  .media {
+    display: block;
+
+    .media {
+      padding-left: 35px;
+    }
+  }
+
+  .fileinput {
+    margin: 0 auto;
+    width: stretch;
+  }
+
+  .header-3 {
+    .buttons {
+      text-align: center !important;
+    }
+  }
+
+  .blog-post {
+    .button-container > .btn:first-child {
+      display: inline-block;
+    }
+  }
+
+  .testimonials-2 {
+    .card-testimonial .card-body {
+      max-width: 350px;
+      min-height: 400px;
+      margin: 0 auto;
+    }
+  }
+
+  .subscribe-line .card-form-horizontal .btn {
+    margin-top: 10px;
+  }
+
+  .modal .modal-dialog .modal-header button.close {
+    font-size: 18px;
+    right: 12px;
+    top: 10px;
+  }
+
+  .header-3 .btn {
+    margin-bottom: 10px;
+  }
+
+  .card.card-fashion:not(.card-background):before {
+    display: none;
+  }
+
+  .page-header {
+    .container h6.category-absolute {
+      width: 90%;
+    }
+  }
+}