PeerTube/client/src/sass/player/bezels.scss

35 lines
511 B
SCSS
Raw Normal View History

@keyframes bezels-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
transform: scale(2);
}
}
.vjs-bezel {
2020-01-21 14:28:28 +01:00
position: absolute;
left: 50%;
top: 50%;
width: 52px;
height: 52px;
z-index: 19;
margin-left: -26px;
margin-top: -26px;
background: rgba(0, 0, 0, .5);
border-radius: 26px;
animation: bezels-fadeout .5s linear 1 normal forwards;
pointer-events: none;
}
.vjs-bezel-icon {
2020-01-21 14:28:28 +01:00
width: 36px;
height: 36px;
margin: 8px;
2020-01-21 14:28:28 +01:00
svg .vjs-svg-fill {
fill: #fff;
}
}