button-group.scss 752 B

123456789101112131415161718192021222324252627282930
  1. .vxe-button-group {
  2. display: inline-flex;
  3. &.is--vertical {
  4. flex-direction: column;
  5. & > .vxe-button.type--button,
  6. & > .vxe-button--dropdown {
  7. margin-top: var(--vxe-ui-base-margin-gap-default);
  8. &.size--medium {
  9. margin-top: var(--vxe-ui-base-margin-gap-medium);
  10. }
  11. &.size--small {
  12. margin-top: var(--vxe-ui-base-margin-gap-small);
  13. }
  14. &.size--mini {
  15. margin-top: var(--vxe-ui-base-margin-gap-mini);
  16. }
  17. &:first-of-type {
  18. margin-top: 0;
  19. }
  20. }
  21. & > .vxe-button.type--button,
  22. & > .vxe-button--dropdown {
  23. margin-right: 0;
  24. }
  25. & > .vxe-button+.vxe-button--dropdown,
  26. & > .vxe-button--dropdown+.vxe-button {
  27. margin-left: 0;
  28. }
  29. }
  30. }