2 background-color: #000;
4 justify-content: center;
34 min-height: $video-watch-title-height;
39 padding-left: $video-watch-info-padding-left;
44 // Keep a symmetry with the video name
45 padding-right: $video-watch-info-padding-left
51 height: $video-watch-info-height;
52 color: $video-watch-info-color;
53 border-color: $video-watch-border-color;
54 border-width: 1px 0px;
58 height: $video-watch-info-height;
60 flex-direction: column;
61 justify-content: center;
66 transition: color 0.3s;
69 text-overflow: ellipsis;
77 color: #000 !important;
80 &:hover > .glyphicon {
81 opacity: 1 !important;
90 transition: opacity 0.3s;
93 .video-small-block-text {
99 .video-small-block:not(:last-child) {
100 border-width: 0 1px 0 0;
101 border-color: $video-watch-border-color;
105 .video-small-block-account, .video-small-block-more {
115 .video-small-block-share, .video-small-block-more {
125 .video-small-block-more .video-small-block-dropdown {
128 .dropdown-item .glyphicon {
133 .video-small-block-rating {
135 .video-small-block-like {
139 .video-small-block-text {
151 transition: opacity, color 0.3s;
153 &.activated, &:hover {
164 .video-details-date-description {
165 padding-left: $video-watch-info-padding-left;
167 .description-loading {
168 display: inline-block;
171 .video-details-date {
176 .video-details-description-more {
189 .video-details-attributes {
193 .video-details-attribute {
196 .video-details-attribute-label {
197 color: $video-watch-info-color;
206 .video-details-tags {
217 @media screen and (max-width: 800px) {
230 .video-small-blocks {
231 a, .video-small-block-text {
232 font-size: 13px !important;
236 font-size: 18px !important;
239 .video-small-block-account {
246 .video-details-date-description {
248 font-size: 13px !important;
251 .video-details-attributes {
252 font-size: 11px !important;
254 .video-details-attribute-label {
261 @media screen and (max-width: 500px) {
263 font-size: 16px !important;
266 // Keep the same hierarchy than max-width: 800px
267 .video-small-blocks {
268 a, .video-small-block-text {
269 font-size: 10px !important;
272 .video-small-block-account {
279 .video-details-date-description {
283 .video-details-date {
288 .video-details-attributes {