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