-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
$thumbnail-width: 130px;
$thumbnail-height: 72px;
my-video-thumbnail,
.fake-thumbnail {
+ @include margin-right(10px);
+
display: flex; // Avoids an issue with line-height that adds space below the element
- margin-right: 10px;
}
.video {
cursor: pointer;
.position {
+ @include margin-right(10px);
+
font-weight: $font-semibold;
- margin-right: 10px;
color: pvar(--greyForegroundColor);
min-width: 25px;
.more,
my-edit-button {
+ @include margin-left(auto);
+
justify-self: flex-end;
- margin-left: auto;
cursor: pointer;
min-width: 24px;
}
}
.timestamp-options {
+ @include padding-left(35px);
+
padding-top: 0;
- padding-left: 35px;
margin-bottom: 15px;
> div {
}
my-peertube-checkbox {
- margin-right: 5px;
+ @include margin-right(5px);
}
input {