X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-watch%2Fvideo-watch-playlist.component.scss;h=75ed9d901dcb81af12376daaa09889fd74f94d31;hb=8cbc40b2fe9d36ef0505b9441276ca561342e9e9;hp=b3f93b83c4f6bc1bd6275f550920ba9d26bdec8e;hpb=c27463a603186b623500b03c6a56b330a6568350;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss b/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss
index b3f93b83c..75ed9d901 100644
--- a/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch-playlist.component.scss
@@ -1,7 +1,7 @@
-@import '_variables';
-@import '_mixins';
-@import '_bootstrap-variables';
-@import '_miniature';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_bootstrap-variables';
+@use '_miniature' as *;
 
 .playlist {
   min-width: 200px;
@@ -26,7 +26,7 @@
       display: flex;
 
       .playlist-by {
-        margin-right: 5px;
+        @include margin-right(5px);
       }
 
       .playlist-index span:first-child::after {
@@ -40,7 +40,7 @@
       margin: 10px 0;
 
       my-global-icon:not(:last-child) {
-        margin-right: .5rem;
+        @include margin-right(.5rem);
       }
 
       my-global-icon {
@@ -59,7 +59,7 @@
     ::ng-deep {
       .video {
         .position {
-          margin-right: 0;
+          @include margin-right(0);
         }
 
         .video-info {