SplitButton.less 980 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // SplitButton
  2. .@{prefix}-splitbtn .@{prefix}-open {
  3. border-left: 1px solid transparent;
  4. }
  5. .@{prefix}-splitbtn:hover .@{prefix}-open {
  6. border-left-color: darken(@btn-bg, 20%);
  7. }
  8. .@{prefix}-splitbtn button when (@has-button-borders = false) {
  9. padding-right: 6px;
  10. padding-left: 6px;
  11. }
  12. .@{prefix}-splitbtn button when (@has-button-borders = true) {
  13. padding-right: 4px;
  14. padding-left: 8px;
  15. }
  16. .@{prefix}-splitbtn .@{prefix}-open {
  17. padding-right: 4px;
  18. padding-left: 4px;
  19. }
  20. .@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
  21. .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
  22. outline: 1px solid darken(@btn-bg, 20%);
  23. }
  24. .@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
  25. padding: 0 3px 0 3px;
  26. }
  27. // RTL
  28. .@{prefix}-rtl .@{prefix}-splitbtn {
  29. direction: rtl;
  30. text-align: right;
  31. }
  32. .@{prefix}-rtl .@{prefix}-splitbtn button {
  33. padding-right: 4px;
  34. padding-left: 4px;
  35. }
  36. .@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
  37. border-left: 0;
  38. }