_button-group.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. //
  2. // Split button dropdowns
  3. //
  4. .dropdown-toggle-split {
  5. padding-right: $btn-padding-x / 1.9;
  6. padding-left: $btn-padding-x / 1.9;
  7. }
  8. .btn-lg + .dropdown-toggle-split,
  9. .btn-group-lg > .btn + .dropdown-toggle-split {
  10. padding-right: $input-btn-padding-x-lg / 1.75;
  11. padding-left: $input-btn-padding-x-lg / 1.75;
  12. }
  13. .btn-sm + .dropdown-toggle-split,
  14. .btn-group-sm > .btn + .dropdown-toggle-split {
  15. padding-right: $input-btn-padding-x-sm / 1.9;
  16. padding-left: $input-btn-padding-x-sm / 1.9;
  17. }
  18. // button group border
  19. .btn-group {
  20. [class*='btn-']:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']) {
  21. border-left-color: rgba($black, 0.08) !important;
  22. border-right-color: rgba($black, 0.08) !important;
  23. }
  24. }
  25. // remove first btn group border left
  26. .btn-group
  27. > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-child,
  28. .btn-group
  29. > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-of-type {
  30. border-left-color: transparent !important;
  31. }
  32. // remove last btn group border right
  33. .btn-group
  34. > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-child,
  35. .btn-group
  36. > .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-of-type {
  37. border-right-color: transparent !important;
  38. }
  39. // toggle button
  40. .btn-group-toggle {
  41. [class*='btn-outline-'] {
  42. &:not(:last-child) {
  43. border-right-width: 0 !important;
  44. }
  45. }
  46. :not([class*='btn-outline-']) {
  47. &.active,
  48. &:active {
  49. box-shadow: inset $box-shadow;
  50. }
  51. }
  52. }