-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
@mixin miniature-name {
@include ellipsis-multiline(1.1em, 2);
+ @include peertube-word-wrap(false);
- word-break: break-all;
- word-wrap: break-word;
transition: color 0.2s;
font-weight: $font-semibold;
color: pvar(--mainForegroundColor);
}
&.blur-filter {
+ @include padding-left(4px);
+
filter: blur(3px);
- padding-left: 4px;
}
}
--gridVideosMiniatureMargins: #{pvar(--videosHorizontalMarginContent)};
@if $margin {
- margin-left: var(--gridVideosMiniatureMargins) !important;
- margin-right: var(--gridVideosMiniatureMargins) !important;
+ @include margin-left(var(--gridVideosMiniatureMargins) !important);
+ @include margin-right(var(--gridVideosMiniatureMargins) !important);
} @else {
- padding-left: var(--gridVideosMiniatureMargins) !important;
- padding-right: var(--gridVideosMiniatureMargins) !important;
+ @include padding-left(var(--gridVideosMiniatureMargins) !important);
+ @include padding-right(var(--gridVideosMiniatureMargins) !important);
}
@media screen and (max-width: $mobile-view) {
}
@mixin grid-videos-miniature-layout {
- @include grid-videos-miniature-margins;
-
@media screen and (min-width: $mobile-view) {
.videos,
.playlists {
}
}
}
+
+@mixin grid-videos-miniature-layout-with-margins {
+ @include grid-videos-miniature-margins;
+ @include grid-videos-miniature-layout;
+}