2015-06-09 15:21:44 +08:00
|
|
|
@import "../mixins/index";
|
|
|
|
@btnPrefixClass: ~"@{css-prefix}btn";
|
|
|
|
|
|
|
|
// Button styles
|
|
|
|
// -----------------------------
|
|
|
|
.@{btnPrefixClass} {
|
|
|
|
.btn;
|
2015-06-11 17:16:32 +08:00
|
|
|
.btn-default;
|
2015-06-09 15:21:44 +08:00
|
|
|
|
|
|
|
&-primary {
|
|
|
|
.btn-primary;
|
2015-06-12 19:41:30 +08:00
|
|
|
|
2015-06-09 15:21:44 +08:00
|
|
|
.@{btnPrefixClass}-group &:not(:first-child):not(:last-child) {
|
2015-07-09 10:56:28 +08:00
|
|
|
border-right-color: @btn-group-border;
|
|
|
|
border-left-color: @btn-group-border;
|
2015-06-09 15:21:44 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.@{btnPrefixClass}-group &:first-child {
|
|
|
|
&:not(:last-child) {
|
2015-07-09 10:56:28 +08:00
|
|
|
border-right-color: @btn-group-border;
|
2015-06-09 15:21:44 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.@{btnPrefixClass}-group &:last-child:not(:first-child) {
|
2015-07-09 10:56:28 +08:00
|
|
|
border-left-color: @btn-group-border;
|
2015-06-09 15:21:44 +08:00
|
|
|
}
|
2015-07-08 16:21:04 +08:00
|
|
|
|
|
|
|
.@{btnPrefixClass}-group & + .@{btnPrefixClass} {
|
2015-07-09 10:56:28 +08:00
|
|
|
border-left-color: @btn-group-border;
|
2015-07-08 16:21:04 +08:00
|
|
|
}
|
2015-06-09 15:21:44 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
&-ghost {
|
|
|
|
.btn-ghost;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-circle, &-circle-outline {
|
|
|
|
.btn-circle(@btnPrefixClass);
|
|
|
|
}
|
|
|
|
|
|
|
|
&-circle-outline {
|
|
|
|
.btn-circle-outline;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-menu {
|
|
|
|
> .@{iconfont-css-prefix} {
|
2015-07-08 12:02:57 +08:00
|
|
|
font-size: @font-size-base;
|
2015-07-07 11:26:52 +08:00
|
|
|
font-size: ~"10px \9"; // ie8-9
|
2015-06-09 15:21:44 +08:00
|
|
|
.scale(0.83);
|
|
|
|
|
|
|
|
:root & {
|
2015-07-08 12:02:57 +08:00
|
|
|
font-size: @font-size-base; // reset ie9 and above
|
2015-06-09 15:21:44 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-group {
|
|
|
|
.btn-group(@btnPrefixClass);
|
|
|
|
}
|
2015-06-09 16:40:16 +08:00
|
|
|
}
|