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-players {
  11                 display: grid;
  12                 grid-template-columns: 1fr 1fr;
  13         }
  14
  15         .player-link {
  16                 border: none;
  17
  18                 img {
  19                         max-height: 3rem;
  20                         width: auto;
  21                         border-radius: 50%;
  22                         margin: 0 0.5rem 0 0;
  23                 }
  24                 span {
  25                         vertical-align: middle;
  26                 }
  27         }
  28
  29         .crew-member {
  30                 border: none;
  31
  32                 img {
  33                         max-height: 2rem;
  34                         width: auto;
  35                         border-radius: 50%;
  36                         margin: 0 0.25rem 0 0;
  37                 }
  38                 span {
  39                         vertical-align: middle;
  40                 }
  41
  42                 &.unconfirmed {
  43                         opacity: 0.25;
  44                         &:hover {
  45                                 opacity: 1;
  46                         }
  47                 }
  48         }
  49 }