37 lines
843 B
SCSS
37 lines
843 B
SCSS
// vjs-control might be better named vjs-button now.
|
|
// It's used on both real buttons (play button)
|
|
// and div buttons (menu buttons)
|
|
.video-js .vjs-control {
|
|
outline: none;
|
|
position: relative;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
width: 4em;
|
|
@include flex(none);
|
|
color: lighten($icons-color,10%);
|
|
&:before {
|
|
font-size: 1.8em;
|
|
line-height: 40px;
|
|
@extend %icon-default;
|
|
}
|
|
}
|
|
|
|
// Replacement for focus outline
|
|
.video-js .vjs-control:focus:before,
|
|
.video-js .vjs-control:hover:before,
|
|
.video-js .vjs-control:focus {
|
|
//text-shadow: 0em 0em 1em rgba($primary-foreground-color, 1);
|
|
}
|
|
|
|
// Hide control text visually, but have it available for screenreaders
|
|
.video-js .vjs-control-text {
|
|
@include hide-visually;
|
|
}
|
|
|
|
// IE 8 + 9 Support
|
|
.vjs-no-flex .vjs-control {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|