amis/scss/components/_video.scss

39 lines
608 B
SCSS

.#{$ns}Video {
min-width: 200px;
&-cursor {
position: absolute;
border: 2px solid $info;
transition: all 0.5s ease-out;
}
&-frameList {
.#{$ns}Video-frameItem {
cursor: pointer;
}
}
&-frameLabel {
text-align: center;
}
.video-react-paused .video-react-big-play-button.big-play-button-hide {
display: block;
}
&-player {
position: relative;
}
&-error {
position: absolute;
display: block;
width: 100%;
padding: 5px 10px;
color: $danger;
background: rgba(255, 255, 255, 0.4);
text-align: center;
top: 0;
}
}