mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 23:35:38 +08:00
912ffb15d0
* init * chore: cssinjs base button * chore: more style * chore: mix style * chore: size * chore: more style * misc * chore: re-structrue * chore: icon onlt * chore: back of disabled * chore: loading status * chore: loading motion * chore: add active style * docs: site prepare dynamic theme * chore: bump antd cssinjs * chore: color type check * chore: bump cssinjs version * chore: clean up useless ts def * chore: ignore button style * chore: rename ci * chore: update cssinjs ver * chore: ssr default wrapper * chore: bump cssinjs version * chore: ssr support * chore: fix script * test: fix node snapshot * chore: move cssinjs pkg size from css to js * test: coverage
72 lines
1.5 KiB
Plaintext
72 lines
1.5 KiB
Plaintext
@import '../../style/themes/index';
|
|
@import '../../style/mixins/index';
|
|
@import '../../button/_style/mixin';
|
|
@import './mixin';
|
|
|
|
@search-prefix: ~'@{ant-prefix}-input-search';
|
|
|
|
.@{search-prefix} {
|
|
.@{ant-prefix}-input {
|
|
&:hover,
|
|
&:focus {
|
|
border-color: @input-hover-border-color;
|
|
|
|
+ .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
|
|
border-left-color: @input-hover-border-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.@{ant-prefix}-input-affix-wrapper {
|
|
border-radius: 0;
|
|
}
|
|
|
|
// fix slight height diff in Firefox:
|
|
// https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category
|
|
.@{ant-prefix}-input-lg {
|
|
line-height: @line-height-base - 0.0002;
|
|
}
|
|
|
|
> .@{ant-prefix}-input-group {
|
|
> .@{ant-prefix}-input-group-addon:last-child {
|
|
left: -1px;
|
|
padding: 0;
|
|
border: 0;
|
|
|
|
.@{search-prefix}-button {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
}
|
|
|
|
.@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
|
|
color: @text-color-secondary;
|
|
|
|
&.@{ant-prefix}-btn-loading::before {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&-button {
|
|
height: @input-height-base;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
z-index: 1;
|
|
}
|
|
}
|
|
|
|
&-large &-button {
|
|
height: @input-height-lg;
|
|
}
|
|
|
|
&-small &-button {
|
|
height: @input-height-sm;
|
|
}
|
|
}
|