client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 #highlighted-comment {
   5   margin-bottom: 25px;
   6 }
   7
   8 .view-replies {
   9   font-weight: $font-semibold;
  10   font-size: 15px;
  11   cursor: pointer;
  12 }
  13
  14 .title-block {
  15   .title-page {
  16     @include margin-right(0);
  17   }
  18
  19   my-feed {
  20     @include margin-left(5px);
  21
  22     display: inline-block;
  23     opacity: 0;
  24     transition: ease-in .2s opacity;
  25     width: 12px;
  26     position: relative;
  27     top: -3px;
  28   }
  29
  30   &:hover my-feed {
  31     opacity: 1;
  32   }
  33 }
  34
  35 #dropdown-sort-comments {
  36   font-weight: 600;
  37   text-transform: uppercase;
  38   border: 0;
  39   transform: translateY(-7%);
  40 }
  41
  42 @media screen and (max-width: 600px) {
  43   .view-replies {
  44     @include margin-left(46px);
  45   }
  46 }
  47
  48 @media screen and (max-width: 450px) {
  49   .view-replies {
  50     font-size: 14px;
  51   }
  52 }