mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-14 04:17:29 +00:00
47 lines
808 B
Sass
47 lines
808 B
Sass
@use "forms.sass" as forms
|
|
@use "colors.sass" as c
|
|
|
|
.settings-page
|
|
padding: 40px 20px 20px
|
|
max-width: 600px
|
|
margin: 0 auto
|
|
|
|
.save-settings
|
|
margin-top: 24px
|
|
|
|
.border-look
|
|
font-size: 22px
|
|
padding: 7px 16px 8px
|
|
|
|
.more-settings-header
|
|
margin-top: 36px
|
|
|
|
.more-settings
|
|
margin-top: 24px
|
|
padding: 12px
|
|
border-radius: 8px
|
|
background-color: c.$bg-accent-x
|
|
|
|
&__list
|
|
margin: 0
|
|
padding-left: 1em
|
|
line-height: 1
|
|
|
|
&__list-item:not(:last-child)
|
|
margin-bottom: 0.4em // emulate line-height
|
|
|
|
.data-management
|
|
margin-top: 24px
|
|
|
|
.delete-confirm-container
|
|
background: c.$bg-darker
|
|
margin-bottom: -36px
|
|
|
|
@include forms.checkbox-hider("delete-confirm")
|
|
|
|
#delete-confirm:not(:checked) ~ * #delete-button
|
|
visibility: hidden
|
|
|
|
.delete-details[open]
|
|
padding-bottom: 40px
|