Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
90ebbb30
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
90ebbb30
编写于
7月 08, 2015
作者:
S
simaQ
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update input-group style
上级
4ac8b031
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
25 addition
and
71 deletion
+25
-71
style/components/form.less
style/components/form.less
+6
-10
style/mixins/input.less
style/mixins/input.less
+19
-61
未找到文件。
style/components/form.less
浏览文件 @
90ebbb30
@import "../mixins/index";
@btnClass: ~"@{css-prefix}btn";
.reset-form();
...
...
@@ -45,26 +46,21 @@ label {
//== Style for input-group
.@{css-prefix}input-group {
.input-group(~"@{css-prefix}input"
);
.input-group(~"@{css-prefix}input"
; @btnClass)
}
// 表单下的输入框尺寸唯一: 大尺寸
form {
.@{css-prefix}input {
height: @input-height-lg;
font-size: @font-size-base;
padding: @input-padding-horizontal;
}
.has-feedback {
.@{iconfont-css-prefix} {
.square(@input-height-lg);
line-height: @input-height-lg;
}
}
.@{css-prefix}input-group
>
.@{css-prefix}input,
.@{css-prefix}input-group
>
.@{css-prefix}input-group-addon,
.@{css-prefix}input-group
> .@{css-prefix}input-group-btn > .input-btn
{
.@{css-prefix}input,
.@{css-prefix}input-group .@{css-prefix}input,
.@{css-prefix}input-group .@{css-prefix}input-group-addon,
.@{css-prefix}input-group
.@{css-prefix}input-group-btn .@{btnClass}
{
height: @input-height-lg;
font-size: @font-size-base;
padding: @input-padding-horizontal;
...
...
style/mixins/input.less
浏览文件 @
90ebbb30
...
...
@@ -17,8 +17,8 @@
display: inline-block;
padding: @input-padding-vertical-base @input-padding-horizontal;
width: 100%;
cursor: text;
height: @input-height-base;
cursor: text;
font-size: @input-font-size;
line-height: @line-height-base;
color: @input-color;
...
...
@@ -85,11 +85,8 @@
}
}
// Input-group
.input-group(@inputClass) {
// define the button style for input-group
@inputBtn: input-btn;
// label input
.input-group(@inputClass; @btnclass) {
position: relative;
display: table;
border-collapse: separate;
...
...
@@ -101,10 +98,7 @@
padding-right: 0;
}
&-addon,
&-btn,
&-btn-vertical,
.@{inputClass} {
&-addon, &-btn, .@{inputClass} {
display: table-cell;
&:not(:first-child):not(:last-child) {
...
...
@@ -112,9 +106,7 @@
}
}
&-addon,
&-btn,
&-btn-vertical {
&-addon, &-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
...
...
@@ -138,24 +130,18 @@
background-color: #eee;
border: 1px solid @input-border-color;
border-radius: @border-radius-base;
input[type="radio"],
input[type="checkbox"] {
margin-top: 0;
}
}
.@{inputBtn} {
.btn();
.button-size(@input-padding-vertical-base @input-padding-horizontal; @font-size-base; @border-radius-base);
.@{btnclass} {
border-radius: @border-radius-base;
.button-variant(@input-color; #eee; @input-border-color);
margin-left: -1px;
&:hover {
.button-color(
tint(@input-color, 20%); #eee
; @input-border-color);
.button-color(
@input-color; tint(#eee, 20%)
; @input-border-color);
}
&:active,
&.active {
.button-color(shade(@input-color, 5%); #eee; @input-border-color);
&:active, &.active {
.button-color(@input-color; shade(#eee, 5%); @input-border-color);
}
.@{iconfont-css-prefix} {
...
...
@@ -164,34 +150,8 @@
}
}
&-btn {
position: relative;
> .@{inputBtn} {
position: relative;
+ .@{inputBtn} {
margin-left: -1px;
}
}
// Negative margin to only have a 1px border between the two
&:first-child {
> .@{inputBtn} {
margin-right: -1px;
}
}
&:last-child {
> .@{inputBtn} {
margin-left: -1px;
}
}
}
// Reset rounded corners
.@{inputClass}:first-child,
&-addon:first-child,
&-btn:first-child > .@{inputBtn},
&-btn:last-child > .@{inputBtn}:not(:last-child):not(.dropdown-toggle) {
.@{inputClass}:first-child, &-addon:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
...
...
@@ -199,33 +159,31 @@
&-addon:first-child {
border-right: 0;
}
&-addon:last-child {
border-left: 0;
}
.@{inputClass}:last-child,
&-addon:last-child,
&-btn:last-child > .@{inputBtn},
&-btn:first-child > .@{inputBtn}:not(:first-child) {
&-btn .@{btnclass}{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
&-addon:last-child {
border-left: 0;
}
// Sizing options
&-lg > .@{inputClass},
&-lg > &-addon,
&-lg > &-btn
> .@{inputBtn
} {
&-lg > &-btn
.@{btnclass
} {
.input-lg();
}
&-sm > .@{inputClass},
&-sm > &-addon,
&-sm > &-btn
> .@{inputBtn
} {
&-sm > &-btn
.@{btnclass
} {
.input-sm();
}
&-sm > &-btn
> .@{inputBtn
} {
&-sm > &-btn
.@{btnclass
} {
margin-top: ~"-2px \9";
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录