+@import '_variables';
+@import '_mixins';
+
.video-miniature {
display: inline-block;
padding-right: 15px;
line-height: normal;
.video-miniature-name {
- display: block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-weight: bold;
+ @include ellipsis-multiline(
+ $font-size: 1rem,
+ $line-height: 1,
+ $lines-to-show: 2
+ );
transition: color 0.2s;
font-size: 16px;
font-weight: $font-semibold;
- color: #000;
+ color: var(--mainForegroundColor);
+ margin-top: 5px;
+ margin-bottom: 5px;
&:hover {
text-decoration: none;
font-size: 13px;
}
- .video-miniature-account {
+ .video-miniature-account,
+ .video-miniature-channel {
+ @include disable-default-a-behaviour;
+
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
font-size: 13px;
- color: #585858;
+ color: $grey-foreground-color;
+
+ &:hover {
+ color: $grey-foreground-hover-color;
+ }
}
}
}