diff --git a/style/components/form.less b/style/components/form.less index 472468fef94ee537a89b1e3a0929d745ec331870..2ad970d86446d8c8d66300171092f2b94df7b01f 100644 --- a/style/components/form.less +++ b/style/components/form.less @@ -44,11 +44,16 @@ label { .input-with-icon(); } -//== Style for input-group +//== Style for input-group: input with label, with button or dropdown... .@{css-prefix}input-group { .input-group(~"@{css-prefix}input"; @btnClass) } +//== composed by several input +.@{css-prefix}inputs { + .inputs(~"@{css-prefix}input"); +} + // 表单下的输入框尺寸唯一: 大尺寸 form { .has-feedback { diff --git a/style/mixins/input.less b/style/mixins/input.less index fcd88d1308ac1c44688b6a8d493900932e03199d..7c8bb5220a13e6c8eb969694f44963c69e8401bb 100644 --- a/style/mixins/input.less +++ b/style/mixins/input.less @@ -187,3 +187,17 @@ margin-top: ~"-2px \9"; } } + +.inputs(@inputClass) { + display: flex; + flex-direction: row; + + & > &-item { + flex: 0 1 auto; + padding-left: 8px; + + &:first-child { + padding-left: 0; + } + } +}