2020-08-31 13:22:16 +00:00
|
|
|
@use "colors.sass" as c
|
2020-08-30 15:14:05 +00:00
|
|
|
@use "video-list-item.sass" as *
|
2020-12-29 03:21:48 +00:00
|
|
|
@use "forms.sass" as forms
|
2020-08-30 15:14:05 +00:00
|
|
|
|
|
|
|
.subscriptions-page
|
|
|
|
padding: 40px 20px 20px
|
|
|
|
max-width: 900px
|
|
|
|
margin: 0 auto
|
|
|
|
|
|
|
|
.subscriptions-video
|
|
|
|
@include subscriptions-video
|
2020-08-31 13:22:16 +00:00
|
|
|
|
|
|
|
.no-subscriptions
|
|
|
|
text-align: center
|
|
|
|
|
|
|
|
.channels-details
|
|
|
|
margin-bottom: 24px
|
|
|
|
|
|
|
|
.channels-list
|
|
|
|
display: grid
|
|
|
|
grid-gap: 8px
|
|
|
|
|
|
|
|
.channel-item
|
|
|
|
display: flex
|
|
|
|
align-items: center
|
|
|
|
text-decoration: none
|
|
|
|
|
|
|
|
.thumbnail
|
|
|
|
width: 40px
|
|
|
|
height: 40px
|
|
|
|
border-radius: 50%
|
|
|
|
margin-right: 8px
|
|
|
|
|
|
|
|
.name
|
|
|
|
font-size: 22px
|
|
|
|
color: c.$fg-main
|
2020-12-28 12:42:25 +00:00
|
|
|
|
2020-12-29 03:21:48 +00:00
|
|
|
@include forms.checkbox-hider("watched-videos-display")
|
2020-12-28 12:42:25 +00:00
|
|
|
|
|
|
|
#watched-videos-display:checked ~ .video-list-item--watched
|
|
|
|
display: none
|
|
|
|
|
|
|
|
.video-list-item--watched
|
|
|
|
background: c.$bg-darker
|
|
|
|
padding: 8px 8px 0px
|
|
|
|
|
|
|
|
.thumbnail .image
|
|
|
|
opacity: 0.4
|