11 border-bottom: 1px solid #DADADA;
21 font-weight: $font-semibold;
25 .results-filter-button {
34 background-image: url('../../assets/images/search/filter.svg');
40 // Animation when we show/hide the filters
41 transition: max-height 0.3s;
42 display: block !important;
43 overflow: hidden !important;
61 $margin-size: ($video-thumbnail-width - $image-size) / 2; // So we have the same width than the video miniature
63 @include avatar($image-size);
65 margin: 0 ($margin-size + 10) 0 $margin-size;
72 .video-channel-names {
73 @include disable-default-a-behaviour;
76 align-items: baseline;
77 color: var(--mainForegroundColor);
80 .video-channel-display-name {
81 font-weight: $font-semibold;
87 color: $grey-actor-name;
96 @media screen and (max-width: $small-view) {
97 .video-channel-names {
98 flex-direction: column !important;
100 .video-channel-name {
101 margin-left: 0 !important;
106 @media screen and (max-width: $mobile-view) {
111 font-size: 15px !important;
115 flex-direction: column;
117 justify-content: center;
123 .video-info-account {
128 margin-right: 0 !important;
130 /deep/ .video-thumbnail {
143 .video-channel-info .video-channel-names {
147 my-subscribe-button {