border-style: solid;
}
- .video-small-block-author, .video-small-block-more {
+ .video-small-block-account, .video-small-block-more {
a.option {
display: block;
.video-details-date-description {
padding-left: $video-watch-info-padding-left;
+ .description-loading {
+ display: inline-block;
+ }
+
.video-details-date {
font-weight: bold;
margin-bottom: 30px;
}
+
+ .video-details-description-more {
+ cursor: pointer;
+ margin-top: 15px;
+ font-weight: bold;
+ color: #acaeb7;
+
+ .glyphicon {
+ position: relative;
+ top: 2px;
+ }
+ }
}
.video-details-attributes {
}
}
- @media screen and (max-width: 400px) {
- .video-name-views {
- font-size: 16px !important;
- }
- }
-
@media screen and (max-width: 800px) {
.video-name-views {
.video-name {
font-size: 18px !important;
}
- .video-small-block-author {
+ .video-small-block-account {
padding-left: 10px;
+ padding-right: 10px;
}
}
}
}
}
+
+ @media screen and (max-width: 500px) {
+ .video-name-views {
+ font-size: 16px !important;
+ }
+
+ // Keep the same hierarchy than max-width: 800px
+ .video-small-blocks {
+ a, .video-small-block-text {
+ font-size: 10px !important;
+ }
+
+ .video-small-block-account {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+
+ .video-details {
+ .video-details-date-description {
+ margin-bottom: 30px;
+ width: 100%;
+
+ .video-details-date {
+ margin-bottom: 15px;
+ }
+ }
+
+ .video-details-attributes {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ }
+ }
}