X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2Fbezels.scss;h=629a677b11e3efdec68bf76b3d540e854b087701;hb=371d4c60639e405ce8a503bea1395e9102fbba84;hp=f1b1dcb4a7f5512d13e9d16867c1a18a0e686c5d;hpb=62ab565d1c772764c77dec0df75ce64b19c57119;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/player/bezels.scss b/client/src/sass/player/bezels.scss
index f1b1dcb4a..629a677b1 100644
--- 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