video transition mixin

gistfile1.txt

@mixin feature(){
   .file-video {
      position: relative;
      display: block;
      overflow: hidden;

      @if $min-height == 0 {
        height: auto;
      } @elseif  {
        height: $min-height / 2;
      }

      .content {
        display: block;
        background-size: cover;
        background-position: center;
        transition:
          transform 300ms ease 0s;

        @if $rotate {
          transform: translateZ( 0px );
        } @elseif $animated {
          transform: translateZ( 10px );
        }

        img {
          width: 100%;
          min-height: 200px;
          visibility: hidden;
        }
      }
   }

  //do the same animation for video
  &:hover .file-video {
    transform: translate3d( 10px, 0, 0px );
    .no-csstransforms3d & { left: 10px; }
    .content {
      transform: translateZ( 10px );
    }
  }
}