Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/thietkeweb2/layout/default/node_modules/owl.carousel/src/scss/ |
$owl-image-path: "" !default;
/*
* 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-image-path}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%;
}
}