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