Refactoring margin and padding mixins

[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 853a030a331e97be322f4af82ebbb7eb075adb04..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,13 +11,14 @@
 }
 
 .vjs-bezel {
+  @include margin-left(-26px);
+
   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;