64 lines
966 B
Plaintext
64 lines
966 B
Plaintext
const episode-margin = 0.5rem
|
|
|
|
.episodes
|
|
horizontal-wrap
|
|
justify-content space-evenly
|
|
|
|
.episode
|
|
vertical
|
|
ui-element
|
|
button-hover
|
|
margin episode-margin
|
|
padding 0.5rem
|
|
width calc(50% - episode-margin * 2)
|
|
color text-color
|
|
box-shadow shadow-light
|
|
|
|
[data-available="false"]
|
|
:hover
|
|
color text-color
|
|
background ui-background
|
|
|
|
&.mounted
|
|
opacity 0.25 !important
|
|
|
|
> 700px
|
|
.episodes
|
|
justify-content flex-start
|
|
|
|
.episode
|
|
width 190px
|
|
|
|
.episode-number
|
|
display flex
|
|
justify-content center
|
|
align-items center
|
|
font-size 2rem
|
|
line-height 1.7em
|
|
|
|
.episode-title
|
|
text-align center
|
|
font-size 0.7rem
|
|
opacity 0.8
|
|
clip-long-text
|
|
|
|
.episode-airing-date-start
|
|
display flex
|
|
justify-content center
|
|
font-size 0.7rem
|
|
opacity 0.6
|
|
|
|
.episode-friends
|
|
horizontal
|
|
position absolute
|
|
bottom -0.85rem
|
|
right -0.85rem
|
|
|
|
.user-image
|
|
width calc(avatar-size / 2)
|
|
height calc(avatar-size / 2)
|
|
margin-left -0.5rem
|
|
|
|
.episode-buttons
|
|
margin-top content-padding
|