1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-12-22 21:16:59 +00:00
cloudtube/sass/includes/_subscriptions-page.sass

51 lines
856 B
Sass
Raw Normal View History

$_theme: () !default
@use "sass:map"
@use "forms" as forms
@use "video-list-item" as *
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: map.get($_theme, "fg-main")
2022-01-10 01:18:45 +00:00
.missing-reason
font-size: 16px
color: map.get($_theme, "fg-warning")
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