VBtnGroup.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /** if false, disabled buttons will be greyed out */
  2. .v-btn-group {
  3. display: inline-flex;
  4. flex-wrap: nowrap;
  5. max-width: 100%;
  6. min-width: 0;
  7. overflow: hidden;
  8. vertical-align: middle;
  9. border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  10. border-style: solid;
  11. border-width: 0;
  12. box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
  13. border-radius: 4px;
  14. background: transparent;
  15. color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  16. }
  17. .v-btn-group--border {
  18. border-width: thin;
  19. box-shadow: none;
  20. }
  21. .v-btn-group--density-default.v-btn-group {
  22. height: 48px;
  23. }
  24. .v-btn-group--density-comfortable.v-btn-group {
  25. height: 40px;
  26. }
  27. .v-btn-group--density-compact.v-btn-group {
  28. height: 36px;
  29. }
  30. .v-btn-group .v-btn {
  31. border-radius: 0;
  32. border-color: inherit;
  33. }
  34. .v-btn-group .v-btn:not(:last-child) {
  35. border-inline-end: none;
  36. }
  37. .v-btn-group .v-btn:not(:first-child) {
  38. border-inline-start: none;
  39. }
  40. .v-btn-group .v-btn:first-child {
  41. border-start-start-radius: inherit;
  42. border-end-start-radius: inherit;
  43. }
  44. .v-btn-group .v-btn:last-child {
  45. border-start-end-radius: inherit;
  46. border-end-end-radius: inherit;
  47. }
  48. .v-btn-group--divided .v-btn:not(:last-child) {
  49. border-inline-end-width: thin;
  50. border-inline-end-style: solid;
  51. border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
  52. }
  53. .v-btn-group--tile {
  54. border-radius: 0;
  55. }