Use pvar() instead of SCSS variables

[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 3603c39818a59344d8edc7b1fd66abbdb9357832..11d95df6ac0424e0314bce0ab0186d2ed7f3e053 100644 (file)
--- a/client/src/app/+search/search.component.scss
+++ b/client/src/app/+search/search.component.scss
@@ -1,9 +1,10 @@
-@use '_variables';
-@use '_mixins';
+@use 'sass:math';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 @mixin build-channel-img-size ($video-img-width) {
   $image-size: min(130px, $video-img-width);
-  $margin-size: ($video-img-width - $image-size) / 2; // So we have the same width than the video miniature
+  $margin-size: math.div(($video-img-width - $image-size), 2); // So we have the same width than the video miniature
 
   @include actor-avatar-size($image-size);
 
@@ -14,8 +15,11 @@
   padding: 40px;
 }
 
+.alert-danger {
+  margin-top: 10px;
+}
+
 .results-header {
-  font-size: 16px;
   padding-bottom: 20px;
   margin-bottom: 30px;
   border-bottom: 1px solid #DADADA;
@@ -53,10 +57,6 @@
   max-width: 800px;
 }
 
-.video-channel my-actor-avatar {
-  @include build-channel-img-size($video-thumbnail-width);
-}
-
 .video-channel-info {
   flex-grow: 1;
   margin: 0 10px;