1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-26 09:27:30 +00:00
cloudtube/sass/includes/subscriptions-page.sass

45 lines
754 B
Sass
Raw Normal View History

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-29 03:21:48 +00:00
@include forms.checkbox-hider("watched-videos-display")
#watched-videos-display:checked ~ .video-list-item--watched
display: none
.mark-watched
@include forms.single-button-form