ant-design/style/components/button.less
2015-07-08 15:18:28 +08:00

58 lines
1.0 KiB
Plaintext

@import "../mixins/index";
@btnPrefixClass: ~"@{css-prefix}btn";
// Button styles
// -----------------------------
.@{btnPrefixClass} {
.btn;
.btn-default;
&-primary {
.btn-primary;
.@{btnPrefixClass}-group &:not(:first-child):not(:last-child) {
border-right-color: @btn-primary-border;
border-left-color: btn-primary-border;
}
.@{btnPrefixClass}-group &:first-child {
&:not(:last-child) {
border-right-color: @btn-primary-border;
}
}
.@{btnPrefixClass}-group &:last-child:not(:first-child) {
border-left-color: @btn-primary-border;
}
}
&-ghost {
.btn-ghost;
}
&-circle, &-circle-outline {
.btn-circle(@btnPrefixClass);
}
&-circle-outline {
.btn-circle-outline;
}
&-menu {
> .@{iconfont-css-prefix} {
top: -1px;
font-size: @font-size-base;
font-size: ~"10px \9"; // ie8-9
.scale(0.83);
:root & {
font-size: @font-size-base; // reset ie9 and above
}
}
}
&-group {
.btn-group(@btnPrefixClass);
}
}