Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

_small_video.scss 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .filmstrip__videos .videocontainer {
  2. display: none;
  3. position: relative;
  4. background-size: contain;
  5. border: $thumbnailVideoBorder solid transparent;
  6. border-radius: $borderRadius;
  7. margin: 0 $thumbnailVideoMargin;
  8. &.videoContainerFocused, &:hover {
  9. cursor: hand;
  10. }
  11. /**
  12. * Focused video thumbnail.
  13. */
  14. &.videoContainerFocused {
  15. transition-duration: 0.5s;
  16. -webkit-transition-duration: 0.5s;
  17. -webkit-animation-name: greyPulse;
  18. -webkit-animation-duration: 2s;
  19. -webkit-animation-iteration-count: 1;
  20. border: $thumbnailVideoBorder solid $videoThumbnailSelected !important;
  21. box-shadow: inset 0 0 3px $videoThumbnailSelected,
  22. 0 0 3px $videoThumbnailSelected !important;
  23. }
  24. .remotevideomenu > .icon-menu {
  25. display: none;
  26. }
  27. /**
  28. * Hovered video thumbnail.
  29. */
  30. &:hover {
  31. cursor: hand;
  32. border: $thumbnailVideoBorder solid $videoThumbnailHovered;
  33. box-shadow: inset 0 0 3px $videoThumbnailHovered,
  34. 0 0 3px $videoThumbnailHovered;
  35. .remotevideomenu > .icon-menu {
  36. display: inline-block;
  37. }
  38. }
  39. & > video {
  40. cursor: hand;
  41. border-radius: $borderRadius;
  42. object-fit: cover;
  43. overflow: hidden;
  44. }
  45. }