From 688924707baf04c6c68f77a0407ea41e1fe635f4 Mon Sep 17 00:00:00 2001 From: simaQ Date: Thu, 9 Jul 2015 10:55:06 +0800 Subject: [PATCH] update input-group styl --- style/components/form.less | 7 ++++++- style/mixins/input.less | 14 ++++++++++++++ 2 files changed, 20 insertions(+), 1 deletion(-) diff --git a/style/components/form.less b/style/components/form.less index 472468fef9..2ad970d864 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 fcd88d1308..7c8bb5220a 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; + } + } +} -- GitLab