-@import '_variables';
-@import '_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);
padding: 40px;
}
+.alert-danger {
+ margin-top: 10px;
+}
+
.results-header {
- font-size: 16px;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #DADADA;
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;