splitButtonGroup.scss 909 B

123456789101112131415161718192021222324252627282930313233
  1. $dropdown: #{$prefix}-dropdown;
  2. $module: #{$prefix}-button;
  3. $component: #{$module}-split;
  4. $content: #{$module};
  5. $icon: #{$module}-with-icon;
  6. .#{$component} {
  7. display: inline-block;
  8. .#{$module} {
  9. border-radius: 0;
  10. margin-right: 1px;
  11. &-first {
  12. border-top-left-radius: $radius-button_splitButtonGroup_first_topLeft;
  13. border-bottom-left-radius: $radius-button_splitButtonGroup_first_bottomLeft;
  14. }
  15. &-last {
  16. border-top-right-radius: $radius-button_splitButtonGroup_last_topRight;
  17. border-bottom-right-radius: $radius-button_splitButtonGroup_last_bottomRight;
  18. margin-right: unset;
  19. }
  20. }
  21. &:hover {
  22. // 因为上面那条规则,导致原来的active被覆盖
  23. .#{$module}-borderless:active {
  24. background-color: $color-button_borderless-bg-active;
  25. }
  26. }
  27. }