123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- @import '../../input/style/mixin';
- @import (reference) '../../style/themes/index';
- @input-prefix-cls: ~'@{ant-prefix}-input';
- @input-affix-margin: 4px;
- .@{ant-prefix}-input-number {
- &-affix-wrapper {
- .input();
- // or number handler will cover form status
- position: relative;
- display: inline-flex;
- width: 90px;
- padding: 0;
- padding-inline-start: @input-padding-horizontal-base;
- &:not(&-disabled):hover {
- .hover();
- z-index: 1;
- }
- &-focused,
- &:focus {
- z-index: 1;
- }
- &-disabled {
- .@{ant-prefix}-input-number[disabled] {
- background: transparent;
- }
- }
- > div.@{ant-prefix}-input-number {
- width: 100%;
- border: none;
- outline: none;
- &.@{ant-prefix}-input-number-focused {
- box-shadow: none !important;
- }
- }
- input.@{ant-prefix}-input-number-input {
- padding: 0;
- }
- &::before {
- display: inline-block;
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
- .@{ant-prefix}-input-number-handler-wrap {
- z-index: 2;
- }
- }
- &-prefix,
- &-suffix {
- display: flex;
- flex: none;
- align-items: center;
- pointer-events: none;
- }
- &-prefix {
- margin-inline-end: @input-affix-margin;
- }
- &-suffix {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 1;
- height: 100%;
- margin-right: @input-padding-horizontal-base;
- margin-left: @input-affix-margin;
- }
- }
- .@{ant-prefix}-input-number-group-wrapper .@{ant-prefix}-input-number-affix-wrapper {
- width: 100%;
- }
|