1
0

splitButtonGroup.scss 820 B

1234567891011121314151617181920212223242526272829303132
  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. }
  12. :first-child {
  13. border-top-left-radius: var(--semi-border-radius-small);
  14. border-bottom-left-radius: var(--semi-border-radius-small);
  15. }
  16. :last-child {
  17. border-top-right-radius: var(--semi-border-radius-small);
  18. border-bottom-right-radius: var(--semi-border-radius-small);
  19. margin-right: unset;
  20. }
  21. &:hover {
  22. // 因为上面那条规则,导致原来的active被覆盖
  23. .#{$module}-borderless:active {
  24. background-color: $color-button_borderless-bg-active;
  25. }
  26. }
  27. }