viniBaxter-spa_landing 0.4.0 → 13.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5ff41c624e254d64d1760035a9fece23428beee5774abb72fa56ed7a06cf4c8d
-  data.tar.gz: 59f11a01f10a813434c38fbaef63d96fd191680a5979ee8312080a662f8296c8
+  metadata.gz: add162e2a6c2fa2464706dcd93ff7e543b6f50f26dd386a2e9adc3e0638d6e29
+  data.tar.gz: e2d99f1ace7f9d4dd457e57ccac430da0252f266d0f20e9958f29919f971bf58
 SHA512:
-  metadata.gz: b7b6454fb27186642eb272c6a3d3f04a7b336693046cecfb013acd5b55a4c44f13a286c1f326858ae6d831570f071e6c83d1a687bd79ddf507e0265f1aa02f77
-  data.tar.gz: 864ee3975116ecd03cfb65393ef0f81bc6929ad0aff99aef0e11b9fb888ec01a5e6b1e08c989ba3a7b504daa27759ff3005da6915006fcf99557a8021c374eff
+  metadata.gz: eb20c6029709c6dccad42d72e6cadbeda5eba612aff53c760f4960ddd8ecbf63c240603bfb70cf8e0b6db3733589194d755eae137fd19d6a16e730f9cf978340
+  data.tar.gz: c1de4a958332c725f9ccf54e92e2c10d0017919518849f0e08c33fdc2792c19bb744d3d8eefd7a7ff6c3a65a8315d6e1ea309c018e13069b6226bee3d5ec5853

data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_breadcrumb.scss

@@ -10,6 +10,8 @@
 }
 
 .breadcrumb-item {
+  display: flex;
+
   // The separator between breadcrumbs (by default, a forward-slash: "/")
   + .breadcrumb-item {
     padding-left: $breadcrumb-item-padding;

data/lib/viniBaxter/sass/bootstrap/_buttons.scss

@@ -0,0 +1,203 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.btn {
+  display: inline-block;
+  font-family: $btn-font-family;
+  font-weight: $btn-font-weight;
+  color: $body-color;
+  text-align: center;
+  text-decoration: if($link-decoration == none, null, none);
+  white-space: $btn-white-space;
+  vertical-align: middle;
+  user-select: none;
+  background-color: transparent;
+  border: $btn-border-width solid transparent;
+  @include button-size(
+    $btn-padding-y,
+    $btn-padding-x,
+    $btn-font-size,
+    $btn-line-height,
+    $btn-border-radius
+  );
+  @include transition($btn-transition);
+
+  @include hover() {
+    color: $body-color;
+    text-decoration: none;
+  }
+
+  &:focus,
+  &.focus {
+    outline: 0;
+    box-shadow: $btn-focus-box-shadow;
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    opacity: $btn-disabled-opacity;
+    @include box-shadow(none);
+  }
+
+  &:not(:disabled):not(.disabled) {
+    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
+
+    &:active,
+    &.active {
+      @include box-shadow($btn-active-box-shadow);
+
+      &:focus {
+        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+      }
+    }
+  }
+
+  &.long {
+    padding: $btn-padding-y $btn-padding-x * 2;
+  }
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+//
+// Alternate buttons
+//
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
+}
+
+// Gradient
+@mixin local_mixin_for_gradient_active($color) {
+  @include set-gradient-button($color);
+  color: $light;
+  // background-size: 300% 100%;
+  transition: all 0.4s ease-in-out;
+  border: 0px solid transparent !important;
+  &:hover {
+    background-position: 100% 0;
+    transition: all 0.4s ease-in-out;
+    color: $light;
+  }
+}
+
+@each $color, $value in $theme-gradient-colors {
+  .btn-gradient-#{$color} {
+    @include local_mixin_for_gradient_active($color);
+    &[aria-selected='true'] {
+      border: 1px solid #fff !important;
+    }
+    &[aria-selected='false'] {
+      // display: none !important;
+      // @include button-outline-variant($value);
+      background: #fff !important;
+      border: 1px solid #454545 !important;
+      color: #454545 !important;
+    }
+  }
+}
+
+@each $color, $value in $theme-gradient-colors {
+  .btn-outline-gradient-#{$color} {
+    @include set-gradient-button($color);
+    background-origin: border-box;
+    box-shadow: 2px 1000px 1px #fff inset;
+    color: $value;
+    border-color: rgba(255, 255, 255, 0) !important;
+    &:hover {
+      color: $value;
+    }
+  }
+}
+
+//
+// Link buttons
+//
+
+// Make a button look and behave like a link
+.btn-link {
+  font-weight: $font-weight-normal;
+  color: $link-color;
+  text-decoration: $link-decoration;
+
+  @include hover() {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+
+  &:focus,
+  &.focus {
+    text-decoration: $link-hover-decoration;
+  }
+
+  &:disabled,
+  &.disabled {
+    color: $btn-link-disabled-color;
+    pointer-events: none;
+  }
+
+  // No need for an active state here
+}
+
+//
+// Button Sizes
+//
+
+.btn-lg {
+  @include button-size(
+    $btn-padding-y-lg,
+    $btn-padding-x-lg,
+    $btn-font-size-lg,
+    $btn-line-height-lg,
+    $btn-border-radius-lg
+  );
+}
+
+.btn-sm {
+  @include button-size(
+    $btn-padding-y-sm,
+    $btn-padding-x-sm,
+    $btn-font-size-sm,
+    $btn-line-height-sm,
+    $btn-border-radius-sm
+  );
+}
+
+//
+// Block button
+//
+
+.btn-block {
+  display: block;
+  width: 100%;
+
+  // Vertically space out multiple block buttons
+  + .btn-block {
+    margin-top: $btn-block-spacing-y;
+  }
+}
+
+// Specificity overrides
+input[type='submit'],
+input[type='reset'],
+input[type='button'] {
+  &.btn-block {
+    width: 100%;
+  }
+}

data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_card.scss

@@ -19,17 +19,27 @@
     margin-left: 0;
   }
 
-  > .list-group:first-child {
-    .list-group-item:first-child {
-      @include border-top-radius($card-border-radius);
+  > .list-group {
+    border-top: inherit;
+    border-bottom: inherit;
+
+    &:first-child {
+      border-top-width: 0;
+      @include border-top-radius($card-inner-border-radius);
     }
-  }
 
-  > .list-group:last-child {
-    .list-group-item:last-child {
-      @include border-bottom-radius($card-border-radius);
+    &:last-child  {
+      border-bottom-width: 0;
+      @include border-bottom-radius($card-inner-border-radius);
     }
   }
+
+  // Due to specificity of the above selector (`.card > .list-group`), we must
+  // use a child selector here to prevent double borders.
+  > .card-header + .list-group,
+  > .list-group + .card-footer {
+    border-top: 0;
+  }
 }
 
 .card-body {
@@ -80,16 +90,11 @@
   &:first-child {
     @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
   }
-
-  + .list-group {
-    .list-group-item:first-child {
-      border-top: 0;
-    }
-  }
 }
 
 .card-footer {
   padding: $card-spacer-y $card-spacer-x;
+  color: $card-cap-color;
   background-color: $card-cap-bg;
   border-top: $card-border-width solid $card-border-color;
 
@@ -123,6 +128,7 @@
   bottom: 0;
   left: 0;
   padding: $card-img-overlay-padding;
+  @include border-radius($card-inner-border-radius);
 }
 
 .card-img,
@@ -258,6 +264,8 @@
 //
 
 .accordion {
+  overflow-anchor: none;
+
   > .card {
     overflow: hidden;
 

data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_close.scss

@@ -30,7 +30,6 @@ button.close {
   padding: 0;
   background-color: transparent;
   border: 0;
-  appearance: none;
 }
 
 // Future-proof disabling of clicks on `<a>` elements

data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_custom-forms.scss

@@ -9,6 +9,7 @@
 
 .custom-control {
   position: relative;
+  z-index: 1;
   display: block;
   min-height: $font-size-base * $line-height-base;
   padding-left: $custom-control-gutter + $custom-control-indicator-size;
@@ -135,10 +136,10 @@
 
   .custom-control-input:disabled {
     &:checked ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
     }
     &:indeterminate ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
     }
   }
 }
@@ -161,7 +162,7 @@
 
   .custom-control-input:disabled {
     &:checked ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
     }
   }
 }
@@ -204,7 +205,7 @@
 
   .custom-control-input:disabled {
     &:checked ~ .custom-control-label::before {
-      background-color: $custom-control-indicator-checked-disabled-bg;
+      @include gradient-bg($custom-control-indicator-checked-disabled-bg);
     }
   }
 }
@@ -237,8 +238,9 @@
     border-color: $custom-select-focus-border-color;
     outline: 0;
     @if $enable-shadows {
-      box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;
+      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);
     } @else {
+      // Avoid using mixin so we can pass custom focus shadow properly
       box-shadow: $custom-select-focus-box-shadow;
     }
 

data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_dropdown.scss

@@ -128,6 +128,7 @@
   font-weight: $font-weight-normal;
   color: $dropdown-link-color;
   text-align: inherit; // For `<button>`s
+  text-decoration: if($link-decoration == none, null, none);
   white-space: nowrap; // prevent links from randomly breaking onto new lines
   background-color: transparent; // For `<button>`s
   border: 0; // For `<button>`s
@@ -176,7 +177,7 @@
 // Dropdown section headers
 .dropdown-header {
   display: block;
-  padding: $dropdown-padding-y $dropdown-item-padding-x;
+  padding: $dropdown-header-padding;
   margin-bottom: 0; // for use with heading elements
   @include font-size($font-size-sm);
   color: $dropdown-header-color;

data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_forms.scss

@@ -59,6 +59,15 @@
   }
 }
 
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month'] {
+  &.form-control {
+    appearance: none; // Fix appearance for date inputs in Safari
+  }
+}
+
 select.form-control {
   &:focus::-ms-value {
     // Suppress the nested default white text on blue background highlight given to
@@ -78,7 +87,6 @@ select.form-control {
   width: 100%;
 }
 
-
 //
 // Labels
 //
@@ -107,7 +115,6 @@ select.form-control {
   line-height: $input-line-height-sm;
 }
 
-
 // Readonly controls as plain text
 //
 // Apply class to a readonly input to make it appear like regular plain
@@ -132,7 +139,6 @@ select.form-control {
   }
 }
 
-
 // Form control sizing
 //
 // Build on `.form-control` with modifier classes to decrease or increase the
@@ -182,7 +188,6 @@ textarea.form-control {
   margin-top: $form-text-margin-top;
 }
 
-
 // Form grid
 //
 // Special replacement for our grid system's `.row` for tighter form layouts.
@@ -194,13 +199,12 @@ textarea.form-control {
   margin-left: -$form-grid-gutter-width / 2;
 
   > .col,
-  > [class*="col-"] {
+  > [class*='col-'] {
     padding-right: $form-grid-gutter-width / 2;
     padding-left: $form-grid-gutter-width / 2;
   }
 }
 
-
 // Checkboxes and radios
 //
 // Indent the labels to position radios/checkboxes as hanging controls.
@@ -242,7 +246,6 @@ textarea.form-control {
   }
 }
 
-
 // Form validation
 //
 // Provide feedback to users when form field values are valid or invalid. Works
@@ -251,7 +254,11 @@ textarea.form-control {
 // server side validation.
 
 @each $state, $data in $form-validation-states {
-  @include form-validation-state($state, map-get($data, color), map-get($data, icon));
+  @include form-validation-state(
+    $state,
+    map-get($data, color),
+    map-get($data, icon)
+  );
 }
 
 // Inline forms
@@ -335,4 +342,23 @@ textarea.form-control {
       margin-bottom: 0;
     }
   }
+  &.form-landing {
+    .form-control {
+      border: 1px solid $gray-400 !important;
+
+      &:focus {
+        border-color: $primary-200 !important;
+      }
+    }
+  }
+  .btn_landing {
+    // background: $primary-gradient;
+    @include media-breakpoint-down(xs) {
+      margin-left: 0px !important;
+      margin-top: 10px !important;
+    }
+  }
+  .input_email_landing {
+    flex-grow: 4;
+  }
 }