1 .video-js .vjs-control-bar {
10 @include background-color-with-alpha($primary-background-color, $primary-background-transparency);
13 // Video has started playing
14 .vjs-has-started .vjs-control-bar {
15 @include display-flex;
19 $trans: visibility 0.1s, opacity 0.1s; // Var needed because of comma
20 @include transition($trans);
23 // Video has started playing AND user is inactive
24 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
25 // Remain visible for screen reader and keyboard users
29 $trans: visibility 1.0s, opacity 1.0s;
30 @include transition($trans);
34 .vjs-controls-disabled .vjs-control-bar,
35 .vjs-using-native-controls .vjs-control-bar,
36 .vjs-error .vjs-control-bar {
37 // !important is ok in this context.
38 display: none !important;
41 // Don't hide the control bar if it's audio
42 .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
48 .vjs-has-started.vjs-no-flex .vjs-control-bar {