3 @function em($pixels, $context: $browser-context) {
4 @return #{$pixels/$context}em;
7 @mixin transition($string: $transition--default) {
19 background: rgba(0,0,0,0.6);
22 @include transition(opacity 0.1s);
43 .vjs-upnext-suspended,
50 .vjs-upnext-suspended {
55 .vjs-upnext-headtext {
64 padding: 10px 10px 2px;
71 text-overflow: ellipsis;
74 .vjs-upnext-cancel-button {
76 display: inline-block;
78 padding: 10px !important;
79 font-size: 16px !important;
83 .vjs-upnext-cancel-button,
84 .vjs-upnext-cancel-button:focus {
88 .vjs-upnext-cancel-button:hover {
89 background-color: rgba(255,255,255,0.25);
93 &.vjs-no-flex .vjs-upnext-content {
97 .vjs-upnext-autoplay-icon {
103 margin: -49px 0 0 -49px;
106 @include transition(stroke-dasharray 0.1s cubic-bezier(0.4,0,1,1));
111 .video-js.vjs-upnext--showing {