2014-05-07 13:06:24 +08:00
|
|
|
// SplitButton
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-splitbtn .@{prefix}-open {
|
2014-05-07 13:06:24 +08:00
|
|
|
border-left: 1px solid transparent;
|
|
|
|
|
border-right: 1px solid transparent;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-splitbtn:hover .@{prefix}-open {
|
2014-05-07 13:06:24 +08:00
|
|
|
border-left-color: @btn-split-border;
|
|
|
|
|
border-right-color: @btn-split-border;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-splitbtn button {
|
2014-05-07 13:06:24 +08:00
|
|
|
padding-right: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-splitbtn .@{prefix}-open {
|
2014-05-07 13:06:24 +08:00
|
|
|
padding-left: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
|
2014-05-07 13:06:24 +08:00
|
|
|
.box-shadow(inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0 ,.05));
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
|
2014-05-07 13:06:24 +08:00
|
|
|
padding: 0 3px 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// RTL
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-rtl .@{prefix}-splitbtn {
|
2014-05-07 13:06:24 +08:00
|
|
|
direction: rtl;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-rtl .@{prefix}-splitbtn button {
|
2014-05-07 13:06:24 +08:00
|
|
|
padding-right: 10px;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-15 18:01:48 +08:00
|
|
|
.@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
|
2014-05-07 13:06:24 +08:00
|
|
|
padding-left: 4px;
|
|
|
|
|
padding-right: 4px;
|
|
|
|
|
}
|
