resources/sass/episodes.scss

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