display: inline-block;
padding-right: 15px;
margin-bottom: 30px;
- height: 175px;
+ height: 195px;
vertical-align: top;
.video-miniature-information {
transition: color 0.2s;
font-size: 16px;
font-weight: $font-semibold;
- color: $fg-color;
+ color: var(--mainForegroundColor);
margin-top: 5px;
margin-bottom: 5px;
.video-miniature-account,
.video-miniature-channel {
@include disable-default-a-behaviour;
+ @include ellipsis;
display: block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
font-size: 13px;
- color: #585858;
+ color: $grey-foreground-color;
&:hover {
- color: #303030;
+ color: $grey-foreground-hover-color;
}
}
}