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

   1 @import '_variables';
   2 @import '_mixins';
   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 .glyphicon,
  15 .comment-thread-loading {
  16   @include margin-right(5px);
  17
  18   display: inline-block;
  19   font-size: 13px;
  20 }
  21
  22 .title-block {
  23   .title-page {
  24     @include margin-right(0);
  25   }
  26
  27   my-feed {
  28     @include margin-left(5px);
  29
  30     display: inline-block;
  31     opacity: 0;
  32     transition: ease-in .2s opacity;
  33     width: 12px;
  34     position: relative;
  35     top: -3px;
  36   }
  37
  38   &:hover my-feed {
  39     opacity: 1;
  40   }
  41 }
  42
  43 #dropdown-sort-comments {
  44   font-weight: 600;
  45   text-transform: uppercase;
  46   border: 0;
  47   transform: translateY(-7%);
  48 }
  49
  50 @media screen and (max-width: 600px) {
  51   .view-replies {
  52     @include margin-left(46px);
  53   }
  54 }
  55
  56 @media screen and (max-width: 450px) {
  57   .view-replies {
  58     font-size: 14px;
  59   }
  60 }