17 @media screen and (max-width: 600px) {
36 height: $video-watch-title-height;
37 line-height: $video-watch-title-height;
40 padding-left: $video-watch-info-padding-left;
45 // Keep a symmetry with the video name
46 padding-right: $video-watch-info-padding-left
52 height: $video-watch-info-height;
53 color: $video-watch-info-color;
54 border-color: $video-watch-border-color;
55 border-width: 1px 0px;
59 height: $video-watch-info-height;
61 flex-direction: column;
62 justify-content: center;
67 transition: color 0.3s;
70 text-overflow: ellipsis;
78 color: #000 !important;
89 .video-small-block-text {
95 .video-small-block:not(:last-child) {
96 border-width: 0 1px 0 0;
97 border-color: $video-watch-border-color;
101 .video-small-block-author {
105 padding-left: $video-watch-info-padding-left;
108 .video-small-block-share, .video-small-block-more {
118 .video-small-block-more .video-small-block-dropdown {
121 .dropdown-item .glyphicon {
126 .video-small-block-rating {
128 .video-small-block-like {
132 .video-small-block-text {
143 transition: color 0.3s;
145 &.activated, &:hover {
155 .video-details-date-description {
156 padding-left: $video-watch-info-padding-left;
158 .video-details-date {
164 .video-details-attributes {
168 .video-details-attribute-label {
169 color: $video-watch-info-color;
170 display: inline-block;
176 .video-details-tags {
177 display: inline-block;
180 display: inline-block;
187 @media screen and (max-width: 400px) {
189 font-size: 16px !important;
193 @media screen and (max-width: 800px) {
206 .video-small-blocks {
207 a, .video-small-block-text {
208 font-size: 13px !important;
212 font-size: 18px !important;
215 .video-small-block-author {
221 .video-details-date-description {
223 font-size: 13px !important;
226 .video-details-attributes {
227 font-size: 11px !important;
229 .video-details-attribute-label {