@import '_miniature';
.margin-content {
- @include fluid-videos-miniature-margins;
+ @include grid-videos-miniature-margins;
}
.channel {
grid-template-columns: auto auto 1fr;
grid-template-rows: auto 1fr;
- .avatar-link {
+ my-actor-avatar {
+ @include actor-avatar-size(75px);
+
grid-column: 1;
grid-row: 1 / 3;
- margin-right: 30px;
- }
-
- img {
- @include channel-avatar(75px);
+ margin-right: 15px;
}
a {
}
.description-html {
+ @include fade-text(30px, pvar(--channelBackgroundColor));
+
grid-column: 2 / 4;
grid-row: 2;
max-height: 80px;
font-size: 16px;
-
- @include fade-text(30px, pvar(--channelBackgroundColor));
}
}
my-video-miniature {
margin-right: 15px;
+ min-width: $video-thumbnail-medium-width;
+ max-width: $video-thumbnail-medium-width;
}
.no-results {
position: absolute;
right: 0;
background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px);
- padding: ($video-thumbnail-height / 2 - 10px) 15px 0 60px;
+ padding: ($video-thumbnail-medium-height / 2 - 10px) 15px 0 60px;
z-index: z(miniature) + 1;
a {