Move to sass module

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-watch / video-watch-playlist.component.scss

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 0b0a2a899a38216cc6caa8a0913a8be11229bc01..75ed9d901dcb81af12376daaa09889fd74f94d31 100644 (file)
--- 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,12 +40,12 @@
       margin: 10px 0;
 
       my-global-icon:not(:last-child) {
-        margin-right: .5rem;
+        @include margin-right(.5rem);
       }
 
       my-global-icon {
         &:not(.active) {
-          opacity: .5
+          opacity: .5;
         }
 
         ::ng-deep {
@@ -59,7 +59,7 @@
     ::ng-deep {
       .video {
         .position {
-          margin-right: 0;
+          @include margin-right(0);
         }
 
         .video-info {