VSlideGroup.sass 867 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @use 'sass:math'
  2. @use 'sass:map'
  3. @use '../../styles/settings'
  4. @use '../../styles/tools'
  5. @use './variables' as *
  6. // Block
  7. .v-slide-group
  8. display: flex
  9. overflow: hidden
  10. // Element
  11. .v-slide-group__next,
  12. .v-slide-group__prev
  13. align-items: center
  14. display: flex
  15. flex: 0 1 $slide-group-prev-basis
  16. justify-content: center
  17. min-width: $slide-group-prev-basis
  18. cursor: pointer
  19. &--disabled
  20. pointer-events: none
  21. opacity: var(--v-disabled-opacity)
  22. .v-slide-group__content
  23. display: flex
  24. flex: 1 0 auto
  25. position: relative
  26. transition: 0.2s all settings.$standard-easing
  27. white-space: nowrap
  28. > *
  29. white-space: initial
  30. .v-slide-group__container
  31. contain: content
  32. display: flex
  33. flex: 1 1 auto
  34. overflow: hidden
  35. // Modifiers
  36. .v-slide-group--vertical
  37. &,
  38. .v-slide-group__container,
  39. .v-slide-group__content
  40. flex-direction: column