12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- @import './mixin';
- @import (reference) '../../style/themes/index';
- @input-prefix-cls: ~'@{ant-prefix}-input';
- @input-affix-margin: 4px;
- .@{ant-prefix}-input {
- &-affix-wrapper {
- .input();
- display: inline-flex;
- &:not(&-disabled):hover {
- .hover();
- z-index: 1;
- .@{ant-prefix}-input-search-with-button & {
- z-index: 0;
- }
- }
- &-focused,
- &:focus {
- z-index: 1;
- }
- &-disabled {
- .@{ant-prefix}-input[disabled] {
- background: rgba(255, 255, 255, 0);
- }
- }
- > .@{ant-prefix}-input {
- font-size: inherit;
- border: none;
- outline: none;
- &:focus {
- box-shadow: none !important;
- }
- &:not(textarea) {
- padding: 0;
- }
- }
- &::before {
- display: inline-block;
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
- }
- &-prefix,
- &-suffix {
- display: flex;
- flex: none;
- align-items: center;
- > *:not(:last-child) {
- margin-right: 8px;
- }
- }
- &-show-count-suffix {
- color: @text-color-secondary;
- }
- &-show-count-has-suffix {
- margin-right: 2px;
- }
- &-prefix {
- margin-right: @input-affix-margin;
- }
- &-suffix {
- margin-left: @input-affix-margin;
- }
- }
|