3 @function em($pixels, $context: $browser-context) {
4 @return #{$pixels/$context}em;
7 @mixin transition($string: $transition--default) {
14 @include transition(opacity 0.1s);
21 background: rgba(0, 0, 0, 0.6);
41 .vjs-upnext-suspended,
48 .vjs-upnext-suspended {
53 .vjs-upnext-headtext {
62 padding: 10px 10px 2px;
69 text-overflow: ellipsis;
72 .vjs-upnext-cancel-button {
74 display: inline-block;
76 padding: 10px !important;
77 font-size: 16px !important;
81 .vjs-upnext-cancel-button,
82 .vjs-upnext-cancel-button:focus {
86 .vjs-upnext-cancel-button:hover {
87 background-color: rgba(255, 255, 255, 0.25);
91 &.vjs-no-flex .vjs-upnext-content {
95 .vjs-upnext-autoplay-icon {
96 @include transition(stroke-dasharray 0.1s cubic-bezier(0.4,0,1,1));
103 margin: -49px 0 0 -49px;
109 .video-js.vjs-upnext--showing {