ControlBar: use specificity instead of !important

The color should also be a variable...
This commit is contained in:
infinite-persistence 2021-12-08 10:19:39 +08:00
parent 7e1c0c53e4
commit 61c73f1572
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0

View file

@ -1,3 +1,5 @@
$control-bar-height: 41px; // would '3.5em' be better than px?
.video-js {
font-size: 12px;
overflow: hidden;
@ -5,6 +7,8 @@
// Control Bar (container)
.vjs-control-bar {
background: none;
color: #dbd8d8;
height: $control-bar-height;
&::before {
position: absolute;
@ -165,11 +169,6 @@
}
}
.vjs-control-bar {
height: 41px !important;
color: #dbd8d8;
}
.vjs-playback-rate {
margin-top: 3px;
font-size: 12px !important;