viniBaxter-spa_landing 0.1.0

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

@@ -0,0 +1,112 @@
+//
+// flickity.scss
+// Library overrides
+//
+
+// Controls
+
+.flickity-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: $input-height;
+  height: $input-height;
+  background-color: $primary;
+  box-shadow: $box-shadow-light;
+  color: $white;
+
+  &::before, &::after {
+    font-family: "Feather";
+  }
+
+  @include hover-focus {
+    background-color: $primary;
+    box-shadow: $box-shadow;
+  }
+}
+
+.flickity-button.previous {
+  left: 0;
+  transform: translate(calc(-50% + #{$grid-gutter-width / 4}), -50%);
+
+  @include media-breakpoint-up(md) {
+    transform: translate(-50%, -50%);
+  }
+
+  &::before {
+    content: "\e910";
+  }
+}
+
+.flickity-button.next {
+  right: 0;
+  transform: translate(calc(50% - #{$grid-gutter-width / 4}), -50%);
+
+  @include media-breakpoint-up(md) {
+    transform: translate(50%, -50%);
+  }
+
+  &::before {
+    content: "\e912";
+  }
+}
+
+.flickity-button-icon {
+  display: none;
+}
+
+
+// Button white
+
+.flickity-button-white .flickity-button {
+  background-color: $white;
+  color: $primary;
+}
+
+
+// Button bottom
+
+.flickity-button-bottom .flickity-button {
+  top: auto;
+  bottom: 1.5rem;
+  transform: none;
+}
+
+.flickity-button-bottom .flickity-button.previous {
+  left: auto;
+  right: 6.375rem;
+}
+
+.flickity-button-bottom .flickity-button.next {
+  left: auto;
+  right: 2.5rem;
+}
+
+
+// Button inset
+
+.flickity-button-inset .flickity-button {
+  transform: translateY(-50%);
+}
+
+.flickity-button-inset .flickity-button.previous {
+  left: 1.5rem;
+}
+
+.flickity-button-inset .flickity-button.next {
+  right: 1.5rem;
+}
+
+
+// Viewport
+
+.flickity-viewport-visible .flickity-viewport {
+  overflow: visible;
+}
+
+
+// Adaptive height
+
+[data-flickity*='"adaptiveHeight": true'] .flickity-viewport {
+  transition: all .5s ease; // Make the transition match the rough duration of flicking between items
+}

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

@@ -0,0 +1,10 @@
+//
+// footer.scss
+// Theme component
+//
+
+// Brand image
+
+.bg-dark .footer-brand {
+  filter: brightness(0) invert(1);
+}

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

@@ -0,0 +1,92 @@
+//
+// forms.scss
+// Extended from Boostrap
+//
+
+// Form control flush
+
+.form-control-flush {
+  padding-left: 0;
+  padding-right: 0;
+  border-top-width: 0;
+  border-right-width: 0;
+  border-left-width: 0;
+  border-radius: 0;
+}
+
+
+// Custom file input
+
+.custom-file-label::after {
+  font-weight: $font-weight-bold;
+}
+
+
+// Floating label
+//
+// Works for base size only
+
+.form-label-group {
+  position: relative;
+  margin-bottom: $form-group-margin-bottom;
+}
+
+.form-label-group > label {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: $input-height;
+  padding: $input-padding-y $input-padding-x;
+  margin-bottom: 0;
+  line-height: $input-line-height;
+  font-size: $input-font-size;
+  color: $input-placeholder-color;
+  pointer-events: none;
+  cursor: text;
+  transition: $transition-base;
+}
+
+.form-label-group > .form-control-flush ~ label {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.form-label-group > .form-control::placeholder {
+  color: transparent;
+}
+
+.form-label-group > .form-control:not(:placeholder-shown) {
+  padding-top: $input-padding-y * 1.5;
+  padding-bottom: $input-padding-y * .5;
+}
+
+.form-label-group > .form-control:not(:placeholder-shown) ~ label {
+  padding-top: ((($input-padding-y * 1.5) - ($font-size-xs * $input-line-height)) / 2);
+  padding-bottom: ((($input-padding-y * 1.5) - ($font-size-xs * $input-line-height)) / 2);
+  font-size: $font-size-xs;
+}
+
+// Fallback for Edge
+
+@supports (-ms-ime-align: auto) {
+
+  .form-label-group > label {
+    display: none;
+  }
+
+  .form-label-group .form-control::placeholder {
+    color: $input-placeholder-color;
+  }
+}
+
+// Fallback for IE
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+
+  .form-label-group > label {
+    display: none;
+  }
+
+  .form-label-group .form-control::placeholder {
+    color: $input-placeholder-color;
+  }
+}

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

@@ -0,0 +1,14 @@
+// =========
+// Functions
+// =========
+
+// Colors
+// ======
+
+@function tint($color, $percentage) {
+	@return mix(white, $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+	@return mix(black, $color, $percentage);
+}

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

@@ -0,0 +1,9 @@
+//
+// grid.scsss
+// Extended from Bootstrap
+//
+
+.container, .container-fluid {
+  position: relative;
+  z-index: 1;
+}

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

@@ -0,0 +1,8 @@
+//
+// highlight.js
+// Theme component
+//
+
+.hljs {
+  background-color: transparent;
+}

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

@@ -0,0 +1,56 @@
+//
+// icon.scss
+// Theme component
+//
+
+.icon>svg {
+  width: $icon-size-base;
+  height: $icon-size-base;
+}
+
+.icon>img {
+  width: $icon-size-base;
+  height: $icon-size-base;
+}
+
+// Use "text-" utilities to fill svg icons
+.icon[class*="text-"]>svg [fill]:not([fill="none"]) {
+  fill: currentColor !important;
+}
+
+// Sizing
+
+.icon-xs>svg {
+  width: $icon-size-xs;
+  height: $icon-size-xs;
+}
+
+.icon-sm>svg {
+  width: $icon-size-sm;
+  height: $icon-size-sm;
+}
+
+.icon-lg>svg {
+  width: $icon-size-lg;
+  height: $icon-size-lg;
+}
+
+.icon-xl>svg {
+  width: $icon-size-xl;
+  height: $icon-size-xl;
+}
+
+// Circle
+
+.icon-circle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: $icon-circle-size;
+  height: $icon-circle-size;
+  border-radius: 50%;
+
+  >.fe {
+    font-size: $icon-circle-font-size;
+  }
+}

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

@@ -0,0 +1,32 @@
+//
+// images.scss
+// Extended from Bootstrap
+//
+
+// Image cover
+//
+// Spans the whole with of the viewport
+
+.img-cover {
+  width: 100vw;
+  height: auto;
+  margin-left: calc(50% - 50vw);
+}
+
+// Extending .img-fluid class to support nested images
+
+.img-fluid > img,
+.img-fluid > svg {
+  max-width: inherit;
+  height: inherit;
+}
+
+// Figure
+
+.figure {
+  display: block;
+}
+
+.figure-img {
+  margin-bottom: $spacer;
+}

data/lib/viniBaxter/sass/spa_landing/theme/_list-group.scss

@@ -0,0 +1,22 @@
+//
+// list-group.scss
+// Extended from Bootstrap
+//
+
+.list-group-flush {
+
+  .list-group-item {
+    padding-left: 0;
+    padding-right: 0;
+
+    &:first-child {
+      padding-top: 0 !important;
+      border-top: 0;
+    }
+
+    &:last-child {
+      padding-bottom: 0 !important;
+      border-bottom: 0;
+    }
+  }
+}

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

@@ -0,0 +1,27 @@
+//
+// list.scss
+// Theme component
+//
+
+.list {
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+.list-item + .list-item {
+  margin-top: $list-item-spacing-y;
+}
+
+.list-link {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  font-size: $list-link-font-size;
+  color: $list-link-color;
+
+  @include hover-focus {
+    text-decoration: none;
+    color: $list-link-hover-color;
+  }
+}

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

@@ -0,0 +1,8 @@
+//
+// mixins.scss
+// Extended from Bootstrap
+//
+
+@import "mixins/badge";
+@import "mixins/buttons";
+@import "mixins/overlay";

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

@@ -0,0 +1,21 @@
+//
+// modals.scss
+// Extended from Bootstrap
+//
+
+.modal-open {
+  padding-right: 0 !important; // additional padding is not required as we have overflow-x: hidden on the root element
+}
+
+.modal-open .navbar {
+  padding-right: $navbar-padding-x !important;
+}
+
+
+// Close
+
+.modal-close {
+  position: absolute;
+  top: 1.5rem; right: 1.5rem;
+  z-index: $zindex-dropdown;
+}