viniBaxter-desk_front 0.7.0 → 14.0.0

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_utilities.scss

@@ -0,0 +1,15 @@
+//
+// utilities.scss
+// Extended from Bootstrap
+//
+
+@import "utilities/background";
+@import "utilities/borders";
+@import "utilities/images";
+@import "utilities/overlay";
+@import "utilities/lift";
+@import "utilities/position";
+@import "utilities/shadows";
+@import "utilities/sizing";
+@import "utilities/type";
+@import "utilities/visibility";

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/mixins/_badge.scss

@@ -0,0 +1,16 @@
+//
+// badge.scss
+// Extended from Bootstrap
+//
+
+@mixin badge-variant-soft($color, $badge-soft-bg-opacity) {
+  background-color: rgba($color, $badge-soft-bg-opacity);
+  color: $color;
+
+  @at-root a#{&} {
+    @include hover-focus {
+      background-color: rgba($color, $badge-soft-bg-opacity * 2);
+      color: $color;
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/mixins/_buttons.scss

@@ -0,0 +1,19 @@
+//
+// buttons.scss
+// Extended from Bootstrap
+//
+
+@mixin btn-variant-soft($bg, $color) {
+  background-color: $bg;
+  color: $color;
+
+  @include hover-focus {
+    background-color: fade-in($bg, .05);
+    color: $color;
+  }
+
+  &.active {
+    background-color: fade-in($bg, .05);
+    color: $color;
+  }
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/mixins/_overlay.scss

@@ -0,0 +1,24 @@
+//
+// overlay.scss
+// Theme mixin
+//
+
+@mixin overlay($color) {
+  
+  &::before {
+    background-color: $color;
+  }
+}
+
+@mixin overlay-gradient($color, $direction) {
+  
+  &::before {
+    background-image: linear-gradient(to bottom, transparent, $color);
+
+    @if($direction == "right" OR $direction == "left") {
+      @include media-breakpoint-up(md) {
+        background-image: linear-gradient(to $direction, transparent, $color 50%, $color);
+      }
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_background.scss

@@ -0,0 +1,54 @@
+//
+// background.scss
+// Extended from Bootstrap
+//
+
+.bg-cover {
+  background: no-repeat center center / cover;
+}
+
+
+// Between
+
+.bg-between {
+
+  @include media-breakpoint-down(md) {
+    background-image: none !important;
+  }
+
+  @include media-breakpoint-up(md) {
+    background-repeat: no-repeat;
+    background-position: left center, right center;
+    background-size: auto 70%;
+  }
+}
+
+
+// Gradients
+
+.bg-gradient-light {
+  background-image: linear-gradient(to bottom, $light 0%, $white 100%);
+}
+
+
+// Colors
+
+.bg-gray-200 {
+  background-color: $gray-200 !important;
+}
+
+.bg-gray-300 {
+  background-color: $gray-300 !important;
+}
+
+.bg-gray-800 {
+  background-color: $gray-800 !important;
+}
+
+.bg-gray-900 {
+  background-color: $gray-900 !important;
+}
+
+.bg-black {
+  background-color: $black !important;
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_borders.scss

@@ -0,0 +1,76 @@
+//
+// borders.scss
+// Extended from Bootstrap
+//
+
+// Responsive widths
+
+@each $width, $widthValue in $container-max-widths {
+
+  @include media-breakpoint-up($width) {
+    
+    // Additive 
+
+    .border-#{$width} {
+      border: $border-width solid $border-color !important;
+      color: rose;
+    }
+
+    .border-top-#{$width} {
+      border-top: $border-width solid $border-color !important;
+    }
+
+    .border-right-#{$width} {
+      border-right: $border-width solid $border-color !important;
+    }
+
+    .border-bottom-#{$width} {
+      border-bottom: $border-width solid $border-color !important;
+    }
+
+    .border-left-#{$width} {
+      border-left: $border-width solid $border-color !important;
+    }
+
+    // Substractive
+
+    .border-#{$width}-0 {
+      border: 0 !important;
+    }
+
+    .border-top-#{$width}-0 {
+      border-top: 0 !important;
+    }
+
+    .border-right-#{$width}-0 {
+      border-right: 0 !important;
+    }
+
+    .border-bottom-#{$width}-0 {
+      border-bottom: 0 !important;
+    }
+
+    .border-left-#{$width}-0 {
+      border-left: 0 !important;
+    }
+  }
+}
+
+
+// Colors
+
+.border-white-20 {
+  border-color: fade-out($white, .8) !important;
+}
+
+.border-gray-300 {
+  border-color: $gray-300 !important;
+}
+
+.border-gray-800 {
+  border-color: $gray-800 !important;
+}
+
+.border-gray-800-50 {
+  border-color: fade-out($gray-800, .5) !important;
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_images.scss

@@ -0,0 +1,35 @@
+//
+// images.scss
+// Extended from Bootstrap
+//
+
+//
+// Skewed
+//
+
+.img-skewed {
+  perspective: 1500px;
+  transform-style: preserve-3d;
+}
+
+// Left
+
+.img-skewed-left {
+  perspective-origin: left center;
+
+  .img-skewed-item {
+    transform: rotateY(-$img-skewed-rotate-y) rotateX($img-skewed-rotate-x);
+    backface-visibility: hidden;
+  }
+}
+
+// Right
+
+.img-skewed-right {
+  perspective-origin: right center;
+
+  .img-skewed-item {
+    transform: rotateY($img-skewed-rotate-y) rotateX($img-skewed-rotate-x);
+    backface-visibility: hidden;
+  }
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_lift.scss

@@ -0,0 +1,18 @@
+//
+// lift.scss
+// Theme utility
+//
+
+.lift {
+  transition: box-shadow .25s ease, transform .25s ease;
+}
+.lift:hover,
+.lift:focus {
+  box-shadow: $box-shadow-lift !important;
+  transform: translate3d(0, -3px, 0);
+}
+.lift-lg:hover,
+.lift-lg:focus {
+  box-shadow: $box-shadow-lift-lg !important;
+  transform: translate3d(0, -5px, 0);
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_overlay.scss

@@ -0,0 +1,49 @@
+//
+// overlay.scss
+// Theme utility
+//
+
+.overlay {
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0; right: 0; bottom: 0; left: 0;
+    border-radius: inherit;
+  }
+}
+
+
+// Colors
+
+@each $color, $value in $theme-colors {
+
+  // Solid
+  .overlay-#{$color} {
+    @include overlay($value);
+  }
+
+  // Gradient
+  .overlay-gradient-#{$color}-right {
+    @include overlay-gradient($value, right);
+  }
+  .overlay-gradient-#{$color}-down {
+    @include overlay-gradient($value, bottom);
+  }
+  .overlay-gradient-#{$color}-left {
+    @include overlay-gradient($value, left);
+  }
+}
+
+
+// Opacity
+
+@for $i from 1 through 9 {
+  .overlay-#{$i * 10} {
+
+    &::before {
+      opacity: #{$i / 10};
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_position.scss

@@ -0,0 +1,41 @@
+//
+// position.scss
+// Extended from Bootstrap
+//
+
+.top-0 {
+  top: 0 !important;
+}
+
+.right-0 {
+  right: 0 !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.left-0 {
+  left: 0 !important;
+}
+
+.center {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+
+// Responsive positions
+
+@each $breakpoint, $value in $grid-breakpoints {
+  @if ($breakpoint !='xs') {
+    @include media-breakpoint-up(#{$breakpoint}) {
+      @each $position in $positions {
+        .position-#{$breakpoint}-#{$position} {
+          position: $position !important;
+        }
+      }
+    }
+  }
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_shadows.scss

@@ -0,0 +1,24 @@
+//
+// shadows.scss
+// Extended from Bootstrap
+//
+
+.shadow-light {
+  box-shadow: $box-shadow-light !important;
+}
+
+.shadow-light-lg {
+  box-shadow: $box-shadow-light-lg !important;
+}
+
+.shadow-dark {
+  box-shadow: $box-shadow-dark !important;
+}
+
+.shadow-dark-lg {
+  box-shadow: $box-shadow-dark-lg !important;
+}
+
+.shadow-lift {
+  box-shadow: $box-shadow-lift !important;
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_sizing.scss

@@ -0,0 +1,72 @@
+//
+// sizing.scss
+// Extended from Bootstrap
+//
+
+@each $size, $sizeValue in $sizes {
+
+  // Percentage
+
+  .mw-#{$size} {
+    max-width: $sizeValue !important;
+  }
+
+  // Viewport units
+
+  .vw-#{$size} {
+    width: #{$size}vw !important;
+  }
+
+}
+
+
+// Responsive
+
+@each $width, $widthValue in $container-max-widths {
+
+  @include media-breakpoint-up($width) {
+
+    @each $size, $sizeValue in $sizes {
+
+      // Percentage
+
+      .h-#{$width}-#{$size} {
+        height: $sizeValue !important;
+      }
+
+      .w-#{$width}-#{$size} {
+        width: $sizeValue !important;
+      }
+
+      .mw-#{$width}-#{$size} {
+        max-width: $sizeValue !important;
+      }
+
+      // Viewport units
+
+      .vh-#{$width}-#{$size} {
+        height: #{$size}vh;
+      }
+
+      .vw-#{$width}-#{$size} {
+        width: #{$size}vw;
+      }
+
+    }
+  }
+}
+
+
+// Cover
+//
+// Spans the container till the edge of the viewport
+
+.w-cover {
+
+  @each $width, $value in $container-max-widths {
+
+    @include media-breakpoint-up(#{$width}) {
+      width: calc(100% + (100vw - #{$value}) / 2 + #{$grid-gutter-width});
+    }
+  }
+}