_buttongroup.scss 820 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @import "globals";
  2. .button-group {
  3. margin: 0;
  4. line-height: normal;
  5. &-buttons {
  6. span, a {
  7. padding: 6px 10px;
  8. display: inline-block;
  9. &:first-child {
  10. border-radius: 4px 0 0 4px;
  11. }
  12. &:last-child {
  13. border-radius: 0 4px 4px 0;
  14. }
  15. &:first-child:last-child {
  16. border-radius: 4px;
  17. }
  18. }
  19. span {
  20. background-color: $button-active-background-color;
  21. color: $button-active-text-color;
  22. }
  23. a {
  24. &, &:visited, &:hover {
  25. background-color: $button-background-color;
  26. color: $button-text-color;
  27. text-decoration: none;
  28. }
  29. &:hover {
  30. background-color: $button-hover-background-color;
  31. color: $button-hover-text-color;
  32. }
  33. }
  34. }
  35. &-label {
  36. margin-right: 10px;
  37. }
  38. }