hy-checkbox/lib/InputNumber/inputNumber.less

checkbox & radio ui components for react

/*
 * @Author: SiMeiyu 
 * @Date: 2017-07-04 10:03:06 
 */ 

@import "../../app/variables.less";

.@{ult-prefix}-input-number {
  display: flex;
  width: @input-number-width;
  position: relative;
  &-down, &-up, &-input {
    position: relative;
    &:hover, &:focus {
      z-index: 3;
    }
  }
  &-down {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  &-up {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
  }
  &-input {
    border-radius: 0;
    margin-left: -1px;
    flex: 1 1 auto;
  }
  &-postfix {
    position: absolute;
    right: @base-space * 5;
    top: 0;
    z-index: 9;
    font-size: @font-size-base;
    color: @input-group-icon;
    line-height: @base-space * 4;
  }
  &-disabled {
    .@{ult-prefix}-input-number-postfix {
      color: @input-disable-color;
      cursor: not-allowed;
    }
  }
}