Bilibili-Evolved/registry/lib/components/video/player/control-background/control-background.scss
2023-06-02 22:19:51 +08:00

61 lines
1.5 KiB
SCSS

@import 'common';
.bilibili-player-video-control {
&-mask {
background: transparent !important;
}
.bilibili-player-video-control-bottom {
&::before {
content: '';
position: absolute;
bottom: 0;
height: calc(100% - 5px);
width: 100%;
background-color: rgba(0, 0, 0, var(--video-control-opacity));
z-index: -1;
@include on-fullscreen {
height: calc(100% + 2px);
}
}
}
}
.bpx-player-control {
&-mask {
background: transparent !important;
}
&-bottom {
&::before {
content: '';
position: absolute;
bottom: 0;
height: calc(100% - 17px);
width: calc(100% - 24px);
background-color: rgba(0, 0, 0, var(--video-control-opacity));
z-index: -1;
@include on-fullscreen {
height: calc(100% - 11px);
}
.playlist-container &,
.video-container-v1 & {
height: calc(100% - 5px);
@include on-fullscreen {
height: calc(100% + 1px);
}
}
}
}
}
body {
&.video-control-progress-background {
.squirtle-progress-bar:not(.squirtle-progress-buffer):not(.squirtle-progress-timeline):not(.squirtle-progress-dot-container),
.bpx-player-progress-schedule {
background-color: transparent !important;
}
.bpx-player-progress,
.squirtle-progress-dot-container,
.bui-track-video-progress .bui-bar-wrap {
background: rgba(0, 0, 0, var(--video-control-opacity)) !important;
}
}
}