Refactoring margin and padding mixins

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

diff --git a/client/src/sass/player/stats.scss b/client/src/sass/player/stats.scss
index 953f6032a3a8278721e2b7809d4abd552d296466..122d96005d9dc0913e55d41423811f2ad40e9b05 100644 (file)
--- a/client/src/sass/player/stats.scss
+++ b/client/src/sass/player/stats.scss
@@ -1,4 +1,6 @@
-@import './_player-variables';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use './_player-variables' as *;
 
 $stats-width: 420px;
 $contextmenu-background-color: rgba(0, 0, 0, 0.6);
@@ -6,6 +8,8 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
 .video-js {
 
   .vjs-stats-content {
+    transition: opacity 0.1s;
+
     position: absolute;
     background-color: $contextmenu-background-color;
     padding: 5px 0;
@@ -18,8 +22,6 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
     z-index: 64;
     font-size: 12px;
     line-height: 1.2;
-
-    @include transition(opacity 0.1s);
   }
 
   .vjs-stats-close {
@@ -34,9 +36,8 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
     display: inline-block;
     font-weight: 600;
     padding: 0 .5em;
-    text-align: right;
-    width: 11.5em;
+    text-align: end;
+    min-width: 11.5em;
     white-space: nowrap;
   }
-
 }