61 lines
920 B
Plaintext
Raw Normal View History

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
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
.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