Move to sass module

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-edit / video-add-components / video-upload.component.scss

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
index d9f348a70c554281472c1b5203368e97b0175322..35c626ec2960614cf6f6ed6f3ac637078bfb0bd6 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss
@@ -1,5 +1,5 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .first-step-block {
   .form-group-channel {
@@ -23,6 +23,7 @@
 
   .progress {
     @include progressbar;
+
     flex-grow: 1;
     height: 30px;
     font-size: 14px;
@@ -31,12 +32,13 @@
     .progress-bar {
       background-color: $green;
       line-height: 30px;
-      text-align: left;
+      text-align: start;
       font-weight: $font-semibold;
 
       span {
+        @include margin-left(13px);
+
         color: pvar(--mainBackgroundColor);
-        margin-left: 13px;
       }
     }
   }
@@ -44,7 +46,6 @@
   input {
     @include peertube-button;
     @include grey-button;
-
-    margin-left: 10px;
+    @include margin-left(10px);
   }
 }