ButtonGroup.less 755 B

123456789101112131415161718192021222324252627
  1. // ButtonGroup
  2. .@{prefix}-btn-group .@{prefix}-btn {
  3. border-width: 1px 0 1px 0;
  4. margin: 0;
  5. .border-radius(0);
  6. }
  7. .@{prefix}-btn-group .@{prefix}-first {
  8. border-left: 1px solid mix(rgb(red(@btn-border-left), green(@btn-border-left), blue(@btn-border-left)), @panel-bg, 30%);
  9. border-left: 1px solid @btn-border-left;
  10. .border-radius(3px 0 0 3px);
  11. }
  12. .@{prefix}-btn-group .@{prefix}-last {
  13. border-right: 1px solid mix(rgb(red(@btn-border-right), green(@btn-border-right), blue(@btn-border-right)), @panel-bg, 30%);
  14. border-right: 1px solid @btn-border-right;
  15. .border-radius(0 3px 3px 0);
  16. }
  17. .@{prefix}-btn-group .@{prefix}-first.@{prefix}-last {
  18. .border-radius(3px);
  19. }
  20. .@{prefix}-btn-group .@{prefix}-btn.@{prefix}-flow-layout-item {
  21. margin: 0;
  22. }