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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .root-comment {
   5   font-size: 15px;
   6   display: flex;
   7
   8   img {
   9     @include avatar(36px);
  10
  11     margin-top: 5px;
  12     margin-right: 20px;
  13   }
  14
  15   .comment {
  16     flex-grow: 1;
  17
  18     .comment-account-date {
  19       display: flex;
  20       margin-bottom: 4px;
  21
  22       .comment-account {
  23         @include disable-default-a-behaviour;
  24
  25         color: #000;
  26         font-weight: $font-bold;
  27       }
  28
  29       .comment-date {
  30         color: #585858;
  31         margin-left: 10px;
  32       }
  33     }
  34
  35     .marked-comment {
  36       background-color: #F5F5F5;
  37       padding-left: 3px;
  38       padding-right: 3px;
  39       font-size: 12px;
  40     }
  41
  42     .comment-html {
  43       a {
  44         @include disable-default-a-behaviour;
  45
  46         color: #000;
  47       }
  48     }
  49
  50     .comment-actions {
  51       margin: 10px 0;
  52       display: flex;
  53
  54       .comment-action-reply, .comment-action-delete {
  55         color: #585858;
  56         cursor: pointer;
  57         margin-right: 10px;
  58
  59         &:hover {
  60           color: #000;
  61         }
  62       }
  63     }
  64   }
  65 }