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