SplitButton.less 865 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. // SplitButton
  2. .@{prefix}-splitbtn .@{prefix}-open {
  3. border-left: 1px solid transparent;
  4. border-right: 1px solid transparent;
  5. }
  6. .@{prefix}-splitbtn:hover .@{prefix}-open {
  7. border-left-color: @btn-split-border;
  8. border-right-color: @btn-split-border;
  9. }
  10. .@{prefix}-splitbtn button {
  11. padding-right: 4px;
  12. }
  13. .@{prefix}-splitbtn .@{prefix}-open {
  14. padding-left: 4px;
  15. }
  16. .@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
  17. .box-shadow(inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0 ,.05));
  18. }
  19. .@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
  20. padding: 0 3px 0 3px;
  21. }
  22. // RTL
  23. .@{prefix}-rtl .@{prefix}-splitbtn {
  24. direction: rtl;
  25. text-align: right;
  26. }
  27. .@{prefix}-rtl .@{prefix}-splitbtn button {
  28. padding-right: 10px;
  29. padding-left: 10px;
  30. }
  31. .@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
  32. padding-left: 4px;
  33. padding-right: 4px;
  34. }