resources/sass/episodes.scss

   1 .episodes-item {
   2         &.is-active {
   3                 border-color: $success !important;
   4                 box-shadow: 0 0 0.25rem 0.25rem $success;
   5         }
   6
   7         .episode-start {
   8                 width: 4rem;
   9         }
  10         .episode-channel-links > * {
  11                 margin: 0.5ex 0;
  12                 &:first-child {
  13                         margin-top: 0;
  14                 }
  15                 &:last-child {
  16                         margin-bottom: 0;
  17                 }
  18         }
  19         .episode-players {
  20                 display: grid;
  21                 grid-template-columns: 1fr 1fr;
  22         }
  23
  24         .player-link {
  25                 border: none;
  26
  27                 img {
  28                         max-height: 3rem;
  29                         width: auto;
  30                         border-radius: 50%;
  31                         margin: 0 0.5rem 0 0;
  32                 }
  33                 span {
  34                         vertical-align: middle;
  35                 }
  36         }
  37
  38         .crew-member {
  39                 border: none;
  40
  41                 img {
  42                         max-height: 2rem;
  43                         width: auto;
  44                         border-radius: 50%;
  45                         margin: 0 0.25rem 0 0;
  46                 }
  47                 span {
  48                         vertical-align: middle;
  49                 }
  50
  51                 &.unconfirmed {
  52                         opacity: 0.25;
  53                         &:hover {
  54                                 opacity: 1;
  55                         }
  56                 }
  57         }
  58 }