1 @use '_variables' as *;
3 @use './_player-variables' as *;
5 $context-menu-width: 350px;
7 /* Sass for @peertube/videojs-contextmenu */
9 .video-js .vjs-contextmenu-ui-menu {
11 background-color: $primary-background-color;
14 width: $context-menu-width;
15 z-index: 105; // On top of the progress bar
18 opacity: $primary-foreground-opacity;
19 color: pvar(--embedForegroundColor);
20 font-size: $font-size !important;
21 font-weight: $font-semibold;
32 background-color: rgba(255, 255, 255, 0.2);
35 [class^='vjs-icon-'] {
36 $icons: 'link-2', 'repeat', 'code', 'tick-white', 'info';
38 @include margin-right(0.8rem !important);
46 background-color: #fff;
48 -webkit-mask-size: cover;
51 @each $icon in $icons {
52 &[class$="-#{$icon}"] {
53 mask-image: url('#{$assets-path}/player/images/#{$icon}.svg');
54 -webkit-mask-image: url('#{$assets-path}/player/images/#{$icon}.svg');
58 &[class$='-tick-white'] {