mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-03 00:09:39 +08:00
70 lines
1.9 KiB
Plaintext
70 lines
1.9 KiB
Plaintext
@import './index';
|
|
|
|
@select-multiple-item-border-width: 1px;
|
|
@select-multiple-item-spacing-half: ceil(@input-padding-vertical-base / 2);
|
|
@select-multiple-padding: max(
|
|
@input-padding-vertical-base - @select-multiple-item-border-width -
|
|
@select-multiple-item-spacing-half,
|
|
0
|
|
);
|
|
|
|
/**
|
|
* Do not merge `height` & `line-height` under style with `selection` & `search`,
|
|
* since chrome may update to redesign with its align logic.
|
|
*/
|
|
|
|
.@{select-prefix-cls}-multiple {
|
|
// ======================== Selections ========================
|
|
.@{select-prefix-cls}-selection-item {
|
|
.@{select-prefix-cls}-rtl& {
|
|
margin-right: 0;
|
|
margin-left: @input-padding-vertical-base;
|
|
text-align: right;
|
|
}
|
|
// It's ok not to do this, but 24px makes bottom narrow in view should adjust
|
|
&-content {
|
|
.@{select-prefix-cls}-rtl& {
|
|
margin-right: 0;
|
|
margin-left: @padding-xs / 2;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
// ========================== Input ==========================
|
|
.@{select-prefix-cls}-selection-search {
|
|
.@{select-prefix-cls}-rtl& {
|
|
margin-right: @select-multiple-padding / 2;
|
|
margin-left: @input-padding-vertical-base;
|
|
}
|
|
|
|
&-mirror {
|
|
.@{select-prefix-cls}-rtl& {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
// ======================= Placeholder =======================
|
|
.@{select-prefix-cls}-selection-placeholder {
|
|
.@{select-prefix-cls}-rtl& {
|
|
right: @input-padding-horizontal;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
// ============================================================
|
|
// == Size ==
|
|
// ============================================================
|
|
|
|
// Size small need additional set padding
|
|
&.@{select-prefix-cls}-sm {
|
|
.@{select-prefix-cls}-selection-placeholder {
|
|
.@{select-prefix-cls}-rtl& {
|
|
right: @input-padding-horizontal-sm;
|
|
}
|
|
}
|
|
}
|
|
}
|