Fix player menu keyboard navigation

[github/Chocobozzz/PeerTube.git] / client / src / sass / player / bezels.scss

diff --git a/client/src/sass/player/bezels.scss b/client/src/sass/player/bezels.scss
index f1b1dcb4a7f5512d13e9d16867c1a18a0e686c5d..629a677b11e3efdec68bf76b3d540e854b087701 100644 (file)
--- a/client/src/sass/player/bezels.scss
+++ b/client/src/sass/player/bezels.scss
@@ -1,3 +1,5 @@
+@use '_mixins' as *;
+
 @keyframes bezels-fadeout {
   from {
     opacity: 1;
@@ -9,34 +11,27 @@
 }
 
 .vjs-bezel {
-       position: absolute;
-       left: 50%;
-       top: 50%;
-       width: 52px;
-       height: 52px;
-       z-index: 19;
-       margin-left: -26px;
-       margin-top: -26px;
-       background: rgba(0,0,0,.5);
-       border-radius: 26px;
-       animation: bezels-fadeout .5s linear 1 normal forwards;
+  @include margin-left(-26px);
+
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 52px;
+  height: 52px;
+  z-index: 19;
+  margin-top: -26px;
+  background: rgba(0, 0, 0, .5);
+  border-radius: 26px;
+  animation: bezels-fadeout .5s linear 1 normal forwards;
   pointer-events: none;
 }
 
 .vjs-bezel-icon {
-       width: 36px;
-       height: 36px;
+  width: 36px;
+  height: 36px;
   margin: 8px;
-  
+
   svg .vjs-svg-fill {
     fill: #fff;
   }
 }
-
-.video-js {
-
-  .vjs-bezel-content {
-
-  }
-
-}
\ No newline at end of file