63 lines
1.0 KiB
SCSS
63 lines
1.0 KiB
SCSS
@import '_variables';
|
|
@import '_mixins';
|
|
@import '~video.js/dist/video-js.css';
|
|
@import '~videojs-dock/dist/videojs-dock.css';
|
|
@import '../../sass/video-js-custom.scss';
|
|
|
|
video {
|
|
width: 99%;
|
|
}
|
|
|
|
/* fill the entire space */
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
|
|
.video-js.vjs-peertube-skin {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
|
|
.vjs-poster {
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
.vjs-peertube-link {
|
|
@include disable-outline;
|
|
|
|
color: #fff;
|
|
text-decoration: none;
|
|
font-size: $font-size;
|
|
line-height: $control-bar-height;
|
|
transition: all .4s;
|
|
font-weight: $font-semibold;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.vjs-peertube-link:hover {
|
|
text-shadow: 0 0 1em #fff;
|
|
}
|
|
|
|
@media screen and (max-width: 350px) {
|
|
.vjs-play-control {
|
|
padding: 0 5px !important;
|
|
width: 25px !important;
|
|
}
|
|
|
|
.vjs-volume-control {
|
|
display: none !important;
|
|
}
|
|
|
|
.vjs-volume-panel {
|
|
width: 26px !important;
|
|
}
|
|
|
|
.vjs-peertube-link {
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|