ControlBar: use specificity instead of !important
The color should also be a variable...
This commit is contained in:
parent
7e1c0c53e4
commit
61c73f1572
1 changed files with 4 additions and 5 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue