1 // vjs-control might be better named vjs-button now.
2 // It's used on both real buttons (play button)
3 // and div buttons (menu buttons)
4 .video-js .vjs-control {
18 @extend %icon-default;
22 // Replacement for focus outline
23 .video-js .vjs-control:focus:before,
24 .video-js .vjs-control:hover:before,
25 .video-js .vjs-control:focus {
26 text-shadow: 0em 0em 1em rgba($primary-foreground-color, 1);
29 // Hide control text visually, but have it available for screenreaders
30 .video-js .vjs-control-text {
31 @include hide-visually;
35 .vjs-no-flex .vjs-control {
37 vertical-align: middle;