1 | @import './index';
|
2 | @import './mixin';
|
3 |
|
4 | @input-affix-margin: 4px;
|
5 |
|
6 | .@{ant-prefix}-input {
|
7 | &-affix-wrapper {
|
8 | .input();
|
9 | display: inline-flex;
|
10 |
|
11 | &:not(&-disabled):hover {
|
12 | .hover();
|
13 | z-index: 1;
|
14 | .@{ant-prefix}-input-search-with-button & {
|
15 | z-index: 0;
|
16 | }
|
17 | }
|
18 |
|
19 | &-focused,
|
20 | &:focus {
|
21 | z-index: 1;
|
22 | }
|
23 |
|
24 | &-disabled {
|
25 | .@{ant-prefix}-input[disabled] {
|
26 | background: transparent;
|
27 | }
|
28 | }
|
29 |
|
30 | > input.@{ant-prefix}-input {
|
31 | padding: 0;
|
32 | border: none;
|
33 | outline: none;
|
34 |
|
35 | &:focus {
|
36 | box-shadow: none !important;
|
37 | }
|
38 | }
|
39 |
|
40 | &::before {
|
41 | width: 0;
|
42 | visibility: hidden;
|
43 | content: '\a0';
|
44 | }
|
45 | }
|
46 |
|
47 | &-prefix,
|
48 | &-suffix {
|
49 | display: flex;
|
50 | flex: none;
|
51 | align-items: center;
|
52 | }
|
53 |
|
54 | &-prefix {
|
55 | margin-right: @input-affix-margin;
|
56 | }
|
57 |
|
58 | &-suffix {
|
59 | margin-left: @input-affix-margin;
|
60 | }
|
61 | }
|