VBtnGroup.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .v-btn-group {
  2. display: inline-flex;
  3. flex-wrap: nowrap;
  4. max-width: 100%;
  5. min-width: 0;
  6. overflow: hidden;
  7. vertical-align: middle;
  8. }
  9. .v-btn-group {
  10. border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  11. border-style: solid;
  12. border-width: 0;
  13. }
  14. .v-btn-group--border {
  15. border-width: thin;
  16. box-shadow: none;
  17. }
  18. .v-btn-group {
  19. 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-ambient-opacity, rgba(0, 0, 0, 0.12));
  20. }
  21. .v-btn-group {
  22. border-radius: 4px;
  23. }
  24. .v-btn-group {
  25. background: transparent;
  26. color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
  27. }
  28. .v-btn-group--density-default.v-btn-group {
  29. height: 48px;
  30. }
  31. .v-btn-group--density-comfortable.v-btn-group {
  32. height: 40px;
  33. }
  34. .v-btn-group--density-compact.v-btn-group {
  35. height: 36px;
  36. }
  37. .v-btn-group .v-btn {
  38. border-radius: 0;
  39. border-color: inherit;
  40. }
  41. .v-btn-group .v-btn:not(:last-child) {
  42. border-inline-end: none;
  43. }
  44. .v-btn-group .v-btn:not(:first-child) {
  45. border-inline-start: none;
  46. }
  47. .v-btn-group .v-btn:first-child {
  48. border-start-start-radius: inherit;
  49. border-end-start-radius: inherit;
  50. }
  51. .v-btn-group .v-btn:last-child {
  52. border-start-end-radius: inherit;
  53. border-end-end-radius: inherit;
  54. }
  55. .v-btn-group--divided .v-btn:not(:last-child) {
  56. border-inline-end-width: thin;
  57. border-inline-end-style: solid;
  58. border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
  59. }
  60. .v-btn-group--tile {
  61. border-radius: 0;
  62. }