@import "../variables/dimensions";
@import "../variables/colors";
@import "icons";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins/border-radius";

$inputCounterControlHeight: 34px;
$inputCounterControlButtonWidth: 35px;
$inputCounterControlValueWidth: 47px;

.input-counter {
    display: block;
    .decrement-button, .increment-button {
        height: $inputCounterControlHeight;
        width: $inputCounterControlButtonWidth;
    }
    .decrement-button {
        height: $inputCounterControlHeight;
        border-right: none;
    }
    .increment-button {
        border-left: none;
    }
    .value {
        height: $inputCounterControlHeight;
        width: $inputCounterControlValueWidth;
        float: left;
        display: inline-block;
        text-align: center;

        @include  border-left-radius(0);
        @include  border-right-radius(0);
    }
}