VImg.sass 770 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. @use '../../styles/tools'
  2. @use './variables' as *
  3. @include tools.layer('components')
  4. .v-img
  5. --v-theme-overlay-multiplier: 3
  6. z-index: 0
  7. &.v-img--absolute
  8. height: 100%
  9. left: 0
  10. overflow: hidden
  11. position: absolute
  12. top: 0
  13. width: 100%
  14. z-index: -1
  15. &--booting .v-responsive__sizer
  16. transition: none
  17. &--rounded
  18. @include tools.rounded($img-rounded-border-radius)
  19. .v-img__img,
  20. .v-img__picture,
  21. .v-img__gradient,
  22. .v-img__placeholder,
  23. .v-img__error
  24. z-index: -1
  25. @include tools.absolute()
  26. .v-img__img
  27. &--preload
  28. filter: $img-preload-filter
  29. &--contain
  30. object-fit: contain
  31. &--cover
  32. object-fit: cover
  33. .v-img__gradient
  34. background-repeat: no-repeat