client/src/app/+my-library/my-ownership/my-ownership.component.scss

   1 @use '_miniature';
   2 @use '_mixins';
   3
   4 .chip {
   5   @include chip;
   6 }
   7
   8 .badge {
   9   @include table-badge;
  10 }
  11
  12 .video-table-video {
  13   display: inline-flex;
  14
  15   .video-table-video-image {
  16     $image-height: 45px;
  17
  18     @include miniature-thumbnail;
  19     @include margin-right(0.5rem);
  20
  21     height: $image-height;
  22     width: #{(16/9) * $image-height};
  23     border-radius: 2px;
  24     border: 0;
  25     background: transparent;
  26     display: inline-flex;
  27     justify-content: center;
  28     align-items: center;
  29     position: relative;
  30
  31     img {
  32       height: 100%;
  33       width: 100%;
  34       border-radius: 2px;
  35     }
  36
  37     span {
  38       color: pvar(--inputPlaceholderColor);
  39     }
  40
  41     .video-table-video-image-label {
  42       @include static-thumbnail-overlay;
  43       position: absolute;
  44       border-radius: 3px;
  45       font-size: 10px;
  46       padding: 0 3px;
  47       line-height: 1.3;
  48       bottom: 2px;
  49       right: 2px;
  50     }
  51   }
  52
  53   .video-table-video-text {
  54     display: inline-flex;
  55     flex-direction: column;
  56     justify-content: center;
  57     font-size: 90%;
  58     color: pvar(--mainForegroundColor);
  59     line-height: 1rem;
  60
  61     div .glyphicon {
  62       @include margin-left(0.1rem);
  63
  64       font-size: 80%;
  65       color: #808080;
  66     }
  67
  68     div + div {
  69       font-size: 80%;
  70     }
  71   }
  72 }