@import 'vars';

// // input-group code for this bootstrap v3 plugin.
// .input-group-addon,
// .input-group-btn,
// .input-group .form-control {
//   display: flex;
//   align-items: center;
//   &:not(:first-child):not(:last-child) {
//     @include border-radius(0);
//   }
// }

// .input-group-addon,
// .input-group-btn {
//   white-space: nowrap;
// }

// // Sizing options
// //
// // Remix the default form control sizing classes into new ones for easier
// // manipulation.

// .input-group-lg > .form-control,
// .input-group-lg > .input-group-addon,
// .input-group-lg > .input-group-btn > .btn {
//   @extend .form-control-lg;
// }
// .input-group-sm > .form-control,
// .input-group-sm > .input-group-addon,
// .input-group-sm > .input-group-btn > .btn {
//   @extend .form-control-sm;
// }

// //
// // Text input groups
// //

// .input-group-addon {
//   padding: $input-btn-padding-y $input-btn-padding-x;
//   margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
//   font-size: $font-size-base; // Match inputs
//   font-weight: $font-weight-normal;
//   line-height: $input-btn-line-height;
//   color: $input-group-addon-color;
//   text-align: center;
//   background-color: $input-group-addon-bg;
//   border: $input-btn-border-width solid $input-group-addon-border-color;
//   @include border-radius($input-border-radius);

//   // Sizing
//   &.form-control-sm {
//     padding: $input-btn-padding-y-sm $input-btn-padding-x-sm;
//     font-size: $font-size-sm;
//     @include border-radius($input-border-radius-sm);
//   }

//   &.form-control-lg {
//     padding: $input-btn-padding-y-lg $input-btn-padding-x-lg;
//     font-size: $font-size-lg;
//     @include border-radius($input-border-radius-lg);
//   }

//   // Nuke default margins from checkboxes and radios to vertically center within.
//   input[type="radio"],
//   input[type="checkbox"] {
//     margin-top: 0;
//   }
// }

// //
// // Reset rounded corners
// //

// .input-group .form-control:not(:last-child),
// .input-group-addon:not(:last-child),
// .input-group-btn:not(:last-child) > .btn,
// .input-group-btn:not(:last-child) > .btn-group > .btn,
// .input-group-btn:not(:last-child) > .dropdown-toggle,
// .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
// .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
//   @include border-right-radius(0);
// }
// .input-group-addon:not(:last-child) {
//   border-right: 0;
// }
// .input-group .form-control:not(:first-child),
// .input-group-addon:not(:first-child),
// .input-group-btn:not(:first-child) > .btn,
// .input-group-btn:not(:first-child) > .btn-group > .btn,
// .input-group-btn:not(:first-child) > .dropdown-toggle,
// .input-group-btn:not(:last-child) > .btn:not(:first-child),
// .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
//   @include border-left-radius(0);
// }
// .form-control + .input-group-addon:not(:first-child) {
//   border-left: 0;
// }

// //
// // Button input groups
// //

// .input-group-btn {
//   position: relative;
//   align-items: stretch;
//   // Jankily prevent input button groups from wrapping with `white-space` and
//   // `font-size` in combination with `inline-block` on buttons.
//   font-size: 0;
//   white-space: nowrap;

//   // Negative margin for spacing, position for bringing hovered/focused/actived
//   // element above the siblings.
//   > .btn {
//     position: relative;

//     + .btn {
//       margin-left: (-$input-btn-border-width);
//     }

//     // Bring the "active" button to the front
//     @include hover-focus-active {
//       z-index: 3;
//     }
//   }

//   &:first-child > .btn + .btn {
//     margin-left: 0;
//   }

//   // Negative margin to only have a single, shared border between the two
//   &:not(:last-child) {
//     > .btn,
//     > .btn-group {
//       margin-right: (-$input-btn-border-width);
//     }
//   }
//   &:not(:first-child) {
//     > .btn,
//     > .btn-group {
//       z-index: 2;
//       // remove nagative margin ($input-btn-border-width) to solve overlapping issue with button.
//       margin-left: 0;

//       // When input is first, overlap the right side of it with the button(-group)
//       &:first-child {
//         margin-left: (-$input-btn-border-width);
//       }

//       // Because specificity
//       @include hover-focus-active {
//         z-index: 3;
//       }
//     }
//   }
// }

// bootstrap-touchspin
// =============================================================
// .bootstrap-touchspin .input-group-btn-vertical {
//   position: relative;
//   // @if not $enable-flex {
//   //   width: 1%;
//   //   display: table-cell;
//   // }
//   white-space: nowrap;
//   vertical-align: middle;
// }

// .bootstrap-touchspin .input-group-btn-vertical > .btn {
//   position: relative;
//   display: block;
//   float: none;
//   width: 100%;
//   max-width: 100%;
//   padding: 9px 16px 8px;
//   margin-left: -1px;
// }

// .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
//   border-bottom: none;
//   border-radius: 0;
//   border-top-right-radius: $input-border-radius;
// }

// .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
//   padding: 8px 16px;
//   // margin-top: -1px;
//   border-radius: 0;
//   border-bottom-right-radius: $input-border-radius;
// }

// .bootstrap-touchspin .input-group-btn-vertical i {
//   position: absolute;
//   top: 1px;
//   right: 0;
//   bottom: 0;
//   left: 0;
//   font-size: 10px;
//   font-weight: $font-weight-normal;
// }

// .bootstrap-touchspin .input-group-btn .btn {
//   padding: 6px 16px;
//   font-family: $font-family-monospace;
// }

// .bootstrap-touchspin-postfix.input-group-addon {
//   border-left: none;
//   broder-left: 0;
// }

// .bootstrap-touchspin-prefix.input-group-addon {
//   border-right: none;
//   broder-right: 0;
// }

// .bootstrap-touchspin {
//   input[name="touchSpinVertical"] {
//     border-radius: $input-border-radius 0 0 $input-border-radius !important;
//   }

//   .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
//     margin-right: -1px;
//   }

//   .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
//     border-right: none;
//     border-left: none;

//     > .btn {
//       border-right: none;
//       border-left: none;
//     }
//   }
// }
//

.bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 11;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  position: absolute;
  right: 0;
  height: 50%;
  padding: 0;
  width: 2em;
  text-align: center;
  line-height: 1;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0 4px 0 0;
  top: 0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0 0 4px 0;
  bottom: 0;
}
