polestar-ui-kit/styles/components/input-number/index.less

## Install

@import '~antd/lib/input-number/style/index';

@import '../../themes/default/index';
@import '../../mixins/index';

.@{input-number-prefix-cls} {
    width: 100%;
    // &-handler {
    //   line-height: 6px;
    //   background: @primary-5;
    //   &-up {
    //     border-bottom: @border-width-base @border-style-base @white;
    //     border-radius: 2px 2px 0 0;
    //     &:after {
    //       color: @white;
    //       font-size: @font-size-sm;
    //       font-family: 'polestar' !important;
    //       content: '\E079';
    //     }
    //     i {
    //       display: none;
    //     }
    //     &-inner {
    //       color: @white;
    //       right: 3px;
    //     }
    //     &:hover {
    //       background: @primary-6;
    //       color: @white;
    //     }
    //   }
    //   &-down {
    //     top: 0;
    //     border-top: @border-width-base @border-style-base @white;
    //     border-radius: 0 0 2px 2px;
    //     &:after {
    //       color: @white;
    //       font-size: @font-size-sm;
    //       font-family: 'polestar' !important;
    //       content: '\E072';
    //     }
    //     i {
    //       display: none;
    //     }
    //     &-inner {
    //       color: @white;
    //       right: 3px;
    //     }
    //     &:hover {
    //       background: @primary-6;
    //       color: @white;
    //     }
    //   }
    // }
    &-handler-wrap {
        border-color: @gray-2;
    }
    &-handler-down {
        border-color: @gray-2;
    }
    &-handler-up-disabled,
    &-handler-up-disabled:hover {
      background: @gray-2;
    }
    &-handler-down-disabled,
    &-handler-down-disabled:hover {
      background: @gray-2;
    }
  }
  
// Readonly
.@{ant-prefix}-input-number.@{ps-input-prefix-cls}-number-readonly {
  background: @gray-1;
  .@{ant-prefix}-input-number {
    background: @gray-1;
  }
  .ant-input-number-handler-wrap {
    display: none;
  }
}
.@{ps-input-prefix-cls}-number-readonly {
  .@{ant-prefix}-input-number {
    background: @gray-1;
  }
  .ant-input-number-handler-wrap {
    display: none;
  }
}