2018-04-19 13:04:25 +00:00
|
|
|
const episode-margin = 0.5rem
|
2017-06-28 18:29:04 +00:00
|
|
|
|
2018-04-19 13:04:25 +00:00
|
|
|
.episodes
|
|
|
|
horizontal-wrap
|
|
|
|
justify-content space-evenly
|
2018-03-12 00:27:33 +00:00
|
|
|
|
2017-06-28 17:30:09 +00:00
|
|
|
.episode
|
2017-12-04 14:32:59 +00:00
|
|
|
vertical
|
2017-12-04 21:06:43 +00:00
|
|
|
ui-element
|
|
|
|
button-hover
|
2018-04-19 13:04:25 +00:00
|
|
|
margin episode-margin
|
2017-12-04 14:32:59 +00:00
|
|
|
padding 0.5rem
|
2018-07-02 13:51:56 +00:00
|
|
|
width calc(50% - episode-margin * 2)
|
2017-12-04 20:07:13 +00:00
|
|
|
overflow hidden
|
|
|
|
color text-color
|
2017-12-04 20:58:55 +00:00
|
|
|
box-shadow shadow-light
|
|
|
|
|
|
|
|
[data-available="false"]
|
2017-12-04 21:06:43 +00:00
|
|
|
:hover
|
|
|
|
color text-color
|
|
|
|
background ui-background
|
|
|
|
|
2017-12-04 20:58:55 +00:00
|
|
|
&.mounted
|
|
|
|
opacity 0.25 !important
|
2017-12-04 14:32:59 +00:00
|
|
|
|
2018-04-19 13:04:25 +00:00
|
|
|
> 700px
|
|
|
|
.episodes
|
|
|
|
justify-content flex-start
|
|
|
|
|
|
|
|
.episode
|
2018-07-02 13:51:56 +00:00
|
|
|
width 190px
|
2018-04-19 13:04:25 +00:00
|
|
|
|
2017-06-28 17:30:09 +00:00
|
|
|
.episode-number
|
2017-12-04 14:32:59 +00:00
|
|
|
display flex
|
|
|
|
justify-content center
|
|
|
|
align-items center
|
|
|
|
font-size 2rem
|
|
|
|
line-height 1.7em
|
2017-06-28 17:30:09 +00:00
|
|
|
|
|
|
|
.episode-title
|
2017-12-04 14:32:59 +00:00
|
|
|
text-align center
|
|
|
|
font-size 0.7rem
|
|
|
|
opacity 0.8
|
|
|
|
clip-long-text
|
2017-06-28 17:30:09 +00:00
|
|
|
|
|
|
|
.episode-airing-date-start
|
2017-12-04 14:32:59 +00:00
|
|
|
display flex
|
|
|
|
justify-content center
|
2017-12-04 20:07:13 +00:00
|
|
|
font-size 0.7rem
|
2017-12-04 14:32:59 +00:00
|
|
|
opacity 0.6
|