65 lines
1.2 KiB
SCSS
65 lines
1.2 KiB
SCSS
// @tailwind base;
|
|
// @tailwind components;
|
|
// @tailwind utilities;
|
|
|
|
// @import 'plyr';
|
|
// @import 'tabs';
|
|
// @import 'watch';
|
|
// .critcalcss {
|
|
// .a {
|
|
// color: aliceblue;
|
|
// }
|
|
// }
|
|
|
|
// @import 'sweetalert2/src/sweetalert2.scss';
|
|
// @import '@sweetalert2/theme-borderless/borderless.scss';
|
|
// @import 'sweetaler';
|
|
.main-video {
|
|
picture {
|
|
display: block;
|
|
}
|
|
|
|
border-radius: var(--bs-card-border-radius);
|
|
// img {
|
|
// }
|
|
|
|
|
|
}
|
|
|
|
.cover {
|
|
position: relative;
|
|
width: 100%;
|
|
&::before {
|
|
height: auto;
|
|
position: absolute;
|
|
content: url(../images/player-play.svg);
|
|
left: calc(50% - 40px);
|
|
top: calc(50% - 40px);
|
|
width: 80px;
|
|
z-index: 6;
|
|
}
|
|
|
|
&::after {
|
|
background: rgba(0, 0, 0, .6);
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
&:hover::after {
|
|
opacity: 1;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767.98px){
|
|
|
|
.cover:before {
|
|
left: calc(50% - 30px);
|
|
top: calc(50% - 30px);
|
|
width: 60px;
|
|
}
|
|
}
|