1 @use '_variables' as *;
3 @use '_miniature' as *;
9 &.no-videos:not(.to-manage) {
11 cursor: default !important;
23 .miniature-thumbnail {
24 @include miniature-thumbnail;
26 .miniature-playlist-info-overlay {
27 @include static-thumbnail-overlay;
37 font-weight: $font-semibold;
44 @include miniature-name;
51 @include disable-default-a-behaviour;
54 color: pvar(--greyForegroundColor);
62 font-weight: $font-semibold;
71 .video-info-description {
73 color: pvar(--greyForegroundColor);
77 .miniature:not(.display-as-row) {
79 .miniature-thumbnail {
80 @include block-ratio($selector: '::ng-deep a');
87 .miniature.display-as-row {
88 --rowThumbnailWidth: #{$video-thumbnail-width};
89 --rowThumbnailHeight: #{$video-thumbnail-height};
93 .miniature-thumbnail {
94 @include margin-right(10px);
96 width: var(--rowThumbnailWidth);
97 height: var(--rowThumbnailHeight);
101 @include on-small-main-col {
102 .miniature.display-as-row {
103 --rowThumbnailWidth: #{$video-thumbnail-medium-width};
104 --rowThumbnailHeight: #{$video-thumbnail-medium-height};
108 @include on-mobile-main-col {
109 .miniature.display-as-row {
110 --rowThumbnailWidth: #{$video-thumbnail-small-width};
111 --rowThumbnailHeight: #{$video-thumbnail-small-height};