client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .video-attribute {
   5   font-size: 13px;
   6   display: block;
   7   margin-bottom: 12px;
   8 }
   9
  10 .video-attribute-label {
  11   @include padding-right(5px);
  12
  13   min-width: 142px;
  14   display: inline-block;
  15   color: pvar(--greyForegroundColor);
  16   font-weight: $font-bold;
  17 }
  18
  19 a.video-attribute-value {
  20   @include disable-default-a-behaviour;
  21   color: pvar(--mainForegroundColor);
  22
  23   &:hover {
  24     opacity: 0.9;
  25   }
  26 }
  27
  28 .video-attribute-tags {
  29   .video-attribute-value:not(:nth-child(2)) {
  30     &::before {
  31       content: ', ';
  32     }
  33   }
  34 }
  35
  36 @media screen and (max-width: 1600px) {
  37   .video-attributes .video-attribute {
  38     margin-bottom: 5px;
  39   }
  40 }