.video-js {
- .vjs-settings {
- @include disable-outline;
-
- cursor: pointer;
- width: 33px;
-
- .vjs-icon-placeholder {
- display: inline-block;
- width: 17px;
- height: 17px;
- vertical-align: middle;
- background: url('#{$assets-path}/player/images/settings.svg') no-repeat;
- background-size: contain;
-
- &::before {
- content: '';
- }
- }
- }
-
.vjs-settings-sub-menu-title {
width: 4em;
text-transform: initial;
}
> .vjs-settings-sub-menu {
- width: 80px;
+ min-width: 80px;
.vjs-menu-item {
outline: 0;
padding: 5px 8px;
&.vjs-back-button {
- background-color: inherit;
padding: 8px 8px 13px 12px;
margin-bottom: 5px;
border-bottom: 1px solid #808080;
color: inherit;
position: relative;
+ &:focus {
+ background-color: rgba(115, 133, 159, 0.5);
+ }
+
&::before {
@include icon(15px);