Move to sass @use

[github/Chocobozzz/PeerTube.git] / client / src / app / +search / search.component.scss

diff --git a/client/src/app/+search/search.component.scss b/client/src/app/+search/search.component.scss
index a8002ba886ba0d6ab14f207bfbb9ebc1def22550..3603c39818a59344d8edc7b1fd66abbdb9357832 100644 (file)
--- a/client/src/app/+search/search.component.scss
+++ b/client/src/app/+search/search.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 @mixin build-channel-img-size ($video-img-width) {
   $image-size: min(130px, $video-img-width);
@@ -37,10 +37,10 @@
 
       .icon.icon-filter {
         @include icon(20px);
+        @include margin-right(5px);
 
         position: relative;
         top: -1px;
-        margin-right: 5px;
         background-image: url('../../assets/images/feather/filter.svg');
       }
     }
@@ -78,9 +78,10 @@
 }
 
 .video-channel-name {
+  @include margin-left(5px);
+
   font-size: $video-miniature-row-info-font-size;
   color: pvar(--greyForegroundColor);
-  margin-left: 5px;
 }
 
 // Use the same breakpoints than in video-miniature