+@use '_variables' as *;
+@use '_mixins' as *;
+@use './_player-variables' as *;
+
$playlist-menu-width: 350px;
.vjs-playlist-menu {
}
.cross {
- cursor: pointer;
- width: 20px;
- height: 20px;
mask-image: url('#{$assets-path}/images/feather/x.svg');
-webkit-mask-image: url('#{$assets-path}/images/feather/x.svg');
- background-color: white;
mask-size: cover;
-webkit-mask-size: cover;
+
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-color: #fff;
}
}
}
}
.vjs-playlist-button {
- font-size: 15px;
+ font-size: 16px;
position: absolute;
right: 0;
top: 0;
}
.vjs-playlist-icon {
- width: 22px;
- height: 22px;
mask-image: url('#{$assets-path}/images/feather/list.svg');
-webkit-mask-image: url('#{$assets-path}/images/feather/list.svg');
- background-color: white;
mask-size: cover;
-webkit-mask-size: cover;
+
+ width: 22px;
+ height: 22px;
+ background-color: #fff;
margin-bottom: 3px;
}
}
.item-player {
- display: none;
-
@include play-icon(20px, 16px);
+
+ display: none;
}
&.vjs-selected {