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;
68 @include disable-default-a-behaviour;
70 color: var(--mainForegroundColor);
74 font-weight: $font-semibold;
77 .video-info-date-views {
82 @include disable-default-a-behaviour;
88 color: $grey-foreground-color;
91 color: $grey-foreground-hover-color;
100 @include avatar(120px);
102 margin: 0 50px 0 40px;
105 .video-channel-info {
109 .video-channel-names {
110 @include disable-default-a-behaviour;
113 align-items: baseline;
114 color: var(--mainForegroundColor);
117 .video-channel-display-name {
118 font-weight: $font-semibold;
122 .video-channel-name {
124 color: $grey-actor-name;
133 @media screen and (max-width: $small-view) {
134 .video-channel-names {
135 flex-direction: column !important;
137 .video-channel-name {
138 margin-left: 0 !important;
143 @media screen and (max-width: $mobile-view) {
148 font-size: 15px !important;
152 flex-direction: column;
154 justify-content: center;
160 .video-info-account {
165 margin-right: 0 !important;
167 /deep/ .video-thumbnail {
180 .video-channel-info .video-channel-names {
184 my-subscribe-button {