X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2Fupnext.scss;h=2618d79d416ddd217cf05f6ead74628e6e089e66;hb=77239b425a8e00822a53c9907415832a473c3eb6;hp=8c9a6f784a3e66046a906b2bfd4752c618e79908;hpb=c27463a603186b623500b03c6a56b330a6568350;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/player/upnext.scss b/client/src/sass/player/upnext.scss index 8c9a6f784..2618d79d4 100644 --- a/client/src/sass/player/upnext.scss +++ b/client/src/sass/player/upnext.scss @@ -4,14 +4,10 @@ $browser-context: 16; @return #{$pixels/$context}em; } -@mixin transition($string: $transition--default) { - transition: $string; -} - .video-js { .vjs-upnext-content { - @include transition(opacity 0.1s); + transition: opacity 0.1s; font-size: 1.8em; pointer-events: auto; @@ -23,19 +19,17 @@ $browser-context: 16; } .vjs-upnext-top { + margin: 0 auto; width: 100%; position: absolute; - margin-left: auto; - margin-right: auto; bottom: 50%; margin-bottom: 60px; } .vjs-upnext-bottom { + margin: 0 auto; width: 100%; position: absolute; - margin-left: auto; - margin-right: auto; top: 50%; margin-top: 52px; } @@ -95,7 +89,7 @@ $browser-context: 16; } .vjs-upnext-autoplay-icon { - @include transition(stroke-dasharray 0.1s cubic-bezier(0.4,0,1,1)); + transition: stroke-dasharray 0.1s cubic-bezier(0.4, 0, 1, 1); position: absolute; top: 50%;