client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .title-page-container {
   5   display: flex;
   6   justify-content: space-between;
   7   align-items: baseline;
   8   margin-bottom: 25px;
   9   flex-wrap: wrap-reverse;
  10
  11   .title-page.active,
  12   .title-page.title-page-single {
  13     margin-bottom: unset;
  14     margin-right: .5rem !important;
  15   }
  16 }
  17
  18 .title-page {
  19   margin-top: 0;
  20 }
  21
  22 .title-page-autoplay {
  23   display: flex;
  24   width: max-content;
  25   height: max-content;
  26   align-items: center;
  27   margin-left: auto;
  28
  29   span {
  30     margin-right: 0.3rem;
  31     text-transform: uppercase;
  32     font-size: 85%;
  33     font-weight: 600;
  34   }
  35 }
  36
  37 hr {
  38   margin-top: 0;
  39 }
  40
  41 my-video-miniature {
  42   display: block;
  43 }
  44
  45 .other-videos:not(.display-as-row) my-video-miniature {
  46   min-width: $video-thumbnail-medium-width;
  47   max-width: $video-thumbnail-medium-width;
  48 }
  49
  50 .display-as-row {
  51   my-video-miniature {
  52     margin-bottom: 20px;
  53   }
  54
  55   hr {
  56     display: none;
  57   }
  58
  59   @media screen and (max-width: $mobile-view) {
  60     my-video-miniature {
  61       margin-bottom: 10px;
  62     }
  63   }
  64 }
  65