12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- // SplitButton
- .@{prefix}-splitbtn .@{prefix}-open {
- border-left: 1px solid transparent;
- }
- .@{prefix}-splitbtn:hover .@{prefix}-open {
- border-left-color: darken(@btn-bg, 20%);
- }
- .@{prefix}-splitbtn button when (@has-button-borders = false) {
- padding-right: 6px;
- padding-left: 6px;
- }
- .@{prefix}-splitbtn button when (@has-button-borders = true) {
- padding-right: 4px;
- padding-left: 8px;
- }
- .@{prefix}-splitbtn .@{prefix}-open {
- padding-right: 4px;
- padding-left: 4px;
- }
- .@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
- .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
- outline: 1px solid darken(@btn-bg, 20%);
- }
- .@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
- padding: 0 3px 0 3px;
- }
- // RTL
- .@{prefix}-rtl .@{prefix}-splitbtn {
- direction: rtl;
- text-align: right;
- }
- .@{prefix}-rtl .@{prefix}-splitbtn button {
- padding-right: 4px;
- padding-left: 4px;
- }
- .@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
- border-left: 0;
- }
|