@import '../../styles/variables.scss';

$number-picker-cls-name: '#{$css-prefix}number-picker';

.#{$number-picker-cls-name} {
  &.#{$number-picker-cls-name}-inline {
    &.#{$css-prefix}medium {
      min-width: $size-base * 30;
    }

    .#{$css-prefix}input {
      position: relative;
      left: -1px;
      z-index: 1;
    }

    .#{$css-prefix}input-group-addon {
      &.#{$css-prefix}before {
        position: relative;

        &:hover {
          z-index: 2;
        }

        .#{$css-prefix}btn {
          margin: 0;
        }
      }

      &.#{$css-prefix}after {
        position: relative;
        left: -2px;

        &:hover {
          z-index: 2;
        }

        .#{$css-prefix}btn {
          margin: 0;
        }
      }
    }
  }
}