position: absolute;
right: .5em;
bottom: 3.5em;
- color: $primary-foreground-color;
+ color: pvar(--embedForegroundColor);
opacity: $primary-foreground-opacity;
margin: 0 auto;
font-size: $font-size !important;
}
.vjs-settings-sub-menu-title {
- text-align: left;
+ text-align: start;
font-weight: $font-semibold;
}
.vjs-settings-sub-menu-value {
width: 100%;
- text-align: right;
+ text-align: end;
small {
font-size: 0.85em;
.vjs-settings-sub-menu-value::after {
@include chevron-right(9px, 2px);
- margin-left: 5px;
+ @include margin-left(5px);
}
}
.vjs-menu-item {
outline: 0;
font-weight: $font-semibold;
- text-align: right;
+ text-align: end;
padding: 5px 8px;
&.vjs-back-button {
background-color: inherit;
padding: 8px 8px 13px 12px;
margin-bottom: 5px;
- border-bottom: 1px solid grey;
- text-align: left;
+ border-bottom: 1px solid #808080;
+ text-align: start;
&::before {
@include chevron-left(9px, 2px);
- margin-right: 5px;
+ @include margin-right(5px);
}
}
width: 200px;
.vjs-menu-item {
- text-align: left;
+ text-align: start;
.vjs-menu-item-text {
- margin-left: 25px;
+ @include margin-left(25px);
text-transform: capitalize;
}
}