1 | @import '../../style/themes/index';
|
2 | @import '../../style/mixins/index';
|
3 | @import '../../button/style/mixin';
|
4 | @import './mixin';
|
5 |
|
6 | @search-prefix: ~'@{ant-prefix}-input-search';
|
7 |
|
8 | .@{search-prefix} {
|
9 | .@{ant-prefix}-input {
|
10 | &:hover,
|
11 | &:focus {
|
12 | border-color: @input-hover-border-color;
|
13 |
|
14 | + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
|
15 | border-left-color: @input-hover-border-color;
|
16 | }
|
17 | }
|
18 | }
|
19 |
|
20 | .@{ant-prefix}-input-affix-wrapper {
|
21 | border-radius: 0;
|
22 | }
|
23 |
|
24 |
|
25 |
|
26 | .@{ant-prefix}-input-lg {
|
27 | line-height: @line-height-base - 0.0002;
|
28 | }
|
29 |
|
30 | > .@{ant-prefix}-input-group {
|
31 | > .@{ant-prefix}-input-group-addon:last-child {
|
32 | left: -1px;
|
33 | padding: 0;
|
34 | border: 0;
|
35 |
|
36 | .@{search-prefix}-button {
|
37 | padding-top: 0;
|
38 | padding-bottom: 0;
|
39 | border-radius: 0 @border-radius-base @border-radius-base 0;
|
40 | }
|
41 |
|
42 | .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
|
43 | color: @text-color-secondary;
|
44 |
|
45 | &.@{ant-prefix}-btn-loading::before {
|
46 | top: 0;
|
47 | right: 0;
|
48 | bottom: 0;
|
49 | left: 0;
|
50 | }
|
51 | }
|
52 | }
|
53 | }
|
54 |
|
55 | &-button {
|
56 | height: @input-height-base;
|
57 |
|
58 | &:hover,
|
59 | &:focus {
|
60 | z-index: 1;
|
61 | }
|
62 | }
|
63 |
|
64 | &-large &-button {
|
65 | height: @input-height-lg;
|
66 | }
|
67 |
|
68 | &-small &-button {
|
69 | height: @input-height-sm;
|
70 | }
|
71 | }
|