VSlideGroup.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .v-slide-group {
  2. display: flex;
  3. overflow: hidden;
  4. }
  5. .v-slide-group__next,
  6. .v-slide-group__prev {
  7. align-items: center;
  8. display: flex;
  9. flex: 0 1 52px;
  10. justify-content: center;
  11. min-width: 52px;
  12. cursor: pointer;
  13. }
  14. .v-slide-group__next--disabled,
  15. .v-slide-group__prev--disabled {
  16. pointer-events: none;
  17. opacity: var(--v-disabled-opacity);
  18. }
  19. .v-slide-group__content {
  20. display: flex;
  21. flex: 1 0 auto;
  22. position: relative;
  23. transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  24. white-space: nowrap;
  25. }
  26. .v-slide-group__content > * {
  27. white-space: initial;
  28. }
  29. .v-slide-group__container {
  30. contain: content;
  31. display: flex;
  32. flex: 1 1 auto;
  33. overflow-x: auto;
  34. overflow-y: hidden;
  35. scrollbar-width: none;
  36. scrollbar-color: rgba(0, 0, 0, 0);
  37. }
  38. .v-slide-group__container::-webkit-scrollbar {
  39. display: none;
  40. }
  41. .v-slide-group--vertical {
  42. max-height: inherit;
  43. }
  44. .v-slide-group--vertical,
  45. .v-slide-group--vertical .v-slide-group__container,
  46. .v-slide-group--vertical .v-slide-group__content {
  47. flex-direction: column;
  48. }
  49. .v-slide-group--vertical .v-slide-group__container {
  50. overflow-x: hidden;
  51. overflow-y: auto;
  52. }