viniBaxter-desk_front 11.0.0 → 16.0.0

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

@@ -0,0 +1,95 @@
+//
+// badge.scss
+// Extended from Bootstrap
+//
+
+
+// Soft variants
+
+@each $color, $value in $theme-colors {
+  .badge-#{$color}-soft {
+    @include badge-variant-soft($value, $badge-soft-bg-opacity);
+  }
+}
+
+.badge-gray-700-soft {
+  @include badge-variant-soft($gray-700, $badge-soft-bg-opacity);
+}
+
+
+// Color options
+
+.badge-gray-600 {
+  background-color: $gray-600;
+  color: $white;
+}
+
+
+// Sizing
+
+.badge-lg {
+  padding: $badge-padding-y-lg $badge-padding-x-lg;
+}
+
+
+// Rounded circle
+
+.badge-rounded-circle {
+  height: calc(1em + #{$badge-padding-y * 2});
+  padding-left: $badge-padding-y;
+  padding-right: $badge-padding-y;
+  border-radius: $badge-pill-border-radius;
+
+  > * {
+    display: block;
+    width: 1em;
+  }
+
+
+  &.badge-lg {
+    height: calc(1em + #{$badge-padding-y-lg * 2});
+    padding-left: $badge-padding-y-lg;
+    padding-right: $badge-padding-y-lg;
+  }
+}
+
+
+// Positioning
+
+.badge-float {
+  position: absolute;
+  z-index: $zindex-dropdown;
+}
+
+.badge-float-outside {
+  top: -.5rem;
+  right: -.5rem;
+}
+
+.badge-float-inside {
+  top: 1rem;
+  right: 1rem;
+}
+
+
+// Active
+
+.badge-white-soft.active {
+  background-color: $white;
+  color: $primary;
+
+  @include hover-focus {
+    background-color: darken($white, 5%);
+    color: $primary;
+  }
+}
+
+.badge-secondary-soft.active {
+  background-color: $primary;
+  color: color-yiq($primary);
+
+  @include hover-focus {
+    background-color: darken($primary, 5%);
+    color: color-yiq(darken($primary, 5%));
+  }
+}

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

@@ -0,0 +1,35 @@
+//
+// breadcrumb.scss
+// Extended from Bootstrap
+//
+
+.breadcrumb-item {
+  font-size: $breadcrumb-font-size;
+
+  + .breadcrumb-item {
+
+    &::before {
+      content: "\e930";
+      font-family: "Feather";
+    }
+  }
+}
+
+
+// Horizontal scroll
+
+.breadcrumb-scroll {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-y: auto;
+
+  .breadcrumb-item {
+    white-space: nowrap;
+  }
+
+  // Hide scrollbar
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}

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

@@ -0,0 +1,115 @@
+//
+// buttons.scss
+// Extended from Bootstrap
+//
+
+.btn > img {
+  max-height: 1em;
+  width: auto;
+}
+
+.btn:not([class*="btn-outline"]) {
+  border-color: transparent !important;
+}
+
+
+// Custom colors
+
+.btn-white {
+  background-color: $white;
+  color: $primary;
+
+  @include hover-focus {
+    background-color: $white;
+    color: darken($primary, 5%);
+  }
+
+  &.active {
+    background-color: darken($white, 5%);
+    color: darken($primary, 5%);
+  }
+}
+
+.btn-group .btn-white {
+  border-color: $gray-300 !important;
+  color: $text-muted;
+
+  &.active {
+    background-color: darken($white, 5%);
+    color: darken($text-muted, 5%);
+    box-shadow: none;
+  }
+}
+
+.btn-gray-400 {
+  background-color: $gray-400;
+  color: $white;
+
+  @include hover-focus {
+    background-color: darken($gray-400, 5%);
+    color: darken($white, 5%);
+  }
+
+  &.active {
+    background-color: darken($gray-400, 5%);
+    color: darken($white, 5%);
+  }
+}
+
+.btn-outline-gray-300 {
+  border-color: $gray-300;
+  color: $primary;
+
+  @include hover-focus {
+    background-color: $primary;
+    border-color: $primary;
+    color: $white;
+  }
+
+  &.active {
+    background-color: $primary;
+    border-color: $primary;
+    color: $white;
+  }
+}
+
+
+// Soft variants
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color}-soft {
+    @include btn-variant-soft(rgba($value, $btn-soft-bg-opacity), $value);
+  }
+}
+
+
+// Pill
+
+.btn-pill {
+  border-radius: $rounded-pill;
+}
+
+
+// Rounded circle
+
+.btn-rounded-circle {
+  padding-left: $btn-padding-y;
+  padding-right: $btn-padding-y;
+  border-radius: $rounded-pill;
+
+  > * {
+    display: block;
+    line-height: 1;
+    width: 1em;
+  }
+}
+
+.btn-rounded-circle.btn-lg {
+  padding-left: $btn-padding-y-lg;
+  padding-right: $btn-padding-y-lg;
+}
+
+.btn-rounded-circle.btn-sm {
+  padding-left: $btn-padding-y-sm;
+  padding-right: $btn-padding-y-sm;
+}

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

@@ -0,0 +1,222 @@
+//
+// card.scss
+// Extended from Bootstrap
+//
+
+// Card resets
+
+.card {
+  position: relative;
+  width: 100%;
+}
+.love-card {
+  font-size: 41px;
+  letter-spacing: 0px;
+  font-weight: 800;
+  font-family: circular;
+  &.place {
+    font-size: 1vw;
+  }
+}
+
+.card-body {
+  display: block;
+  flex-grow: 0;
+}
+
+.card-footer {
+  background-color: unset;
+}
+
+.card-body,
+.card-footer,
+.card-meta,
+.card-img,
+.card-img-top,
+.card-img-left,
+.card-img-right {
+  position: relative;
+  min-height: 1px;
+}
+
+// Card action
+
+a.card,
+a.card-body,
+a.card-footer,
+a.card-meta {
+  color: inherit;
+
+  @include hover {
+    text-decoration: none;
+  }
+}
+
+// Card flush
+
+.card-flush {
+  background-color: unset;
+}
+
+.card-flush > *:not(.card-btn) {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+// Card border
+
+.card-border {
+  position: relative;
+}
+
+.card-border::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  border-top-width: $border-width * 2;
+  border-bottom-width: calc(#{$card-border-radius} - #{$border-width * 2});
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: inherit;
+  border-bottom-color: transparent;
+  border-top-left-radius: $card-border-radius;
+  border-top-right-radius: $card-border-radius;
+}
+
+.card-border-lg::after {
+  border-top-width: $border-width * 3;
+  border-bottom-width: calc(#{$card-border-radius} - #{$border-width * 3});
+}
+
+.card-border-xl::after {
+  border-top-width: $border-width * 4;
+  border-bottom-width: calc(#{$card-border-radius} - #{$border-width * 3});
+}
+
+// Card row
+
+.card-row {
+  .card-body {
+    @include media-breakpoint-up(md) {
+      padding: $card-row-spacer-y $card-row-spacer-x;
+    }
+  }
+
+  .card-meta {
+    @include media-breakpoint-up(md) {
+      padding-left: $card-row-spacer-x;
+      padding-right: $card-row-spacer-x;
+    }
+  }
+}
+
+// Card image
+
+.card-img-right {
+  border-radius: $border-radius $border-radius 0 0;
+
+  @include media-breakpoint-up(md) {
+    border-radius: 0 $border-radius $border-radius 0;
+  }
+}
+
+.card-img-left {
+  border-radius: $border-radius $border-radius 0 0;
+
+  @include media-breakpoint-up(md) {
+    border-radius: $border-radius 0 0 $border-radius;
+  }
+}
+
+// Card image slider
+
+.card-img-slider {
+  @include media-breakpoint-up(md) {
+    height: 100%;
+    width: 100%;
+
+    * {
+      height: inherit !important;
+      width: inherit !important;
+    }
+  }
+}
+
+// Card image overlay
+
+.card-img-overlay {
+  display: flex;
+  flex-direction: column;
+  padding: $card-spacer-x;
+}
+
+.card-img-overlay .card-body {
+  margin: -$card-spacer-x;
+  margin-top: auto;
+  border-bottom-right-radius: $card-inner-border-radius;
+  border-bottom-left-radius: $card-inner-border-radius;
+}
+
+.card-img-overlay-hover {
+  overflow: hidden;
+}
+
+.card-img-overlay-hover .card-body {
+  transform: translateY(110%);
+  transition: all 0.3s ease;
+}
+
+.card-img-overlay-hover:hover .card-body {
+  transform: translateY(0);
+}
+
+// Card group
+
+.card-group {
+  @include media-breakpoint-only(sm) {
+    flex-direction: column !important;
+
+    > .card {
+      flex: auto;
+    }
+  }
+}
+
+// Card meta
+
+.card-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 0 $card-spacer-x $card-meta-spacer-y;
+}
+
+.card-meta-divider {
+  width: 100%;
+  margin: 0 0 $card-meta-spacer-y;
+}
+
+// Card button
+
+.card-btn:last-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+// Zoom
+
+.card-zoom {
+  overflow: hidden !important;
+  border-radius: inherit;
+}
+
+.card-zoom > [class*='card-img'] {
+  transition: all 0.3s ease;
+  transform-origin: center center;
+}
+
+.card:hover > .card-zoom > [class*='card-img'] {
+  transform: scale(1.1);
+}