update Button style

This commit is contained in:
梁灏 2018-07-02 15:23:53 +08:00
parent 5fc37ce45b
commit 932c449dff
2 changed files with 12 additions and 12 deletions

View file

@ -70,9 +70,9 @@
@btn-padding-base : 5px 15px 6px; @btn-padding-base : 5px 15px 6px;
@btn-padding-large : 6px 15px 6px 15px; @btn-padding-large : 6px 15px 6px 15px;
@btn-padding-small : 1px 7px 2px; @btn-padding-small : 1px 7px 2px;
@btn-padding-base-icon : 6px 15px 6px; @btn-padding-base-icon : 5px 15px 6px;
@btn-padding-large-icon : 6px 15px 7px 15px; @btn-padding-large-icon : 6px 15px 6px 15px;
@btn-padding-small-icon : 2px 7px 2px; @btn-padding-small-icon : 1px 7px 2px;
@btn-font-size : 12px; @btn-font-size : 12px;
@btn-font-size-large : 14px; @btn-font-size-large : 14px;
@btn-border-radius : 4px; @btn-border-radius : 4px;

View file

@ -66,13 +66,13 @@
} }
& .@{btnClassName}-icon-only .ivu-icon { & .@{btnClassName}-icon-only .ivu-icon {
font-size: 14px; font-size: 13px;
position: relative; position: relative;
//top: 1px; //top: 1px;
} }
&-large .@{btnClassName}-icon-only .ivu-icon{ &-large .@{btnClassName}-icon-only .ivu-icon{
font-size: 16px; font-size: 15px;
//top: 2px; //top: 2px;
} }
@ -107,12 +107,12 @@
} }
} }
&-small .@{btnClassName}-icon-only{ //&-small .@{btnClassName}-icon-only{
.button-size(@btn-padding-small-icon; @btn-font-size; @btn-border-radius-small); // .button-size(@btn-padding-small-icon; @btn-font-size; @btn-border-radius-small);
} //}
&-large .@{btnClassName}-icon-only{ //&-large .@{btnClassName}-icon-only{
.button-size(@btn-padding-large-icon; @btn-font-size-large; @btn-border-radius); // .button-size(@btn-padding-large-icon; @btn-font-size-large; @btn-border-radius);
} //}
} }
.button-group-vertical-base(@btnClassName) { .button-group-vertical-base(@btnClassName) {
@ -145,7 +145,7 @@
transition: color @transition-time linear, background-color @transition-time linear, border @transition-time linear, box-shadow @transition-time linear; transition: color @transition-time linear, background-color @transition-time linear, border @transition-time linear, box-shadow @transition-time linear;
> .@{css-prefix-iconfont} { > .@{css-prefix-iconfont} {
line-height: 1; line-height: @line-height-base;
vertical-align: middle; vertical-align: middle;
} }