From f597e2fe949a1e18eb778b9a5bd102de88570555 Mon Sep 17 00:00:00 2001 From: Max Date: Thu, 18 May 2017 14:03:27 +0200 Subject: Initial commit. --- src/sass/owl-carousel2/_video.scss | 51 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 src/sass/owl-carousel2/_video.scss (limited to 'src/sass/owl-carousel2/_video.scss') diff --git a/src/sass/owl-carousel2/_video.scss b/src/sass/owl-carousel2/_video.scss new file mode 100644 index 0000000..29b6717 --- /dev/null +++ b/src/sass/owl-carousel2/_video.scss @@ -0,0 +1,51 @@ +/* + * Owl Carousel - Video Plugin + */ + +.owl-carousel{ + .owl-video-wrapper { + position: relative; + height: 100%; + background: #000; + } + + .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + background: url("owl.video.play.png") no-repeat; + cursor: pointer; + z-index: 1; + -webkit-backface-visibility: hidden; + transition: transform 100ms ease; + } + + .owl-video-play-icon:hover { + transform: scale(1.3, 1.3); + } + + .owl-video-playing .owl-video-tn, + .owl-video-playing .owl-video-play-icon { + display: none; + } + + .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + transition: opacity 400ms ease; + } + + .owl-video-frame { + position: relative; + z-index: 1; + height: 100%; + width: 100%; + } +} -- cgit v1.2.3