1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-22 23:57:30 +00:00
cloudtube/sass/includes/_settings-page.sass

50 lines
889 B
Sass
Raw Normal View History

$_theme: () !default
@use "sass:map"
@use "forms" as forms
2020-12-29 03:21:48 +00:00
2020-08-31 13:22:16 +00:00
.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
2020-12-29 03:21:48 +00:00
2021-05-11 12:29:44 +00:00
.more-settings-header
margin-top: 36px
.more-settings
margin-top: 24px
padding: 12px
border: 1px solid map.get($_theme, "edge-grey")
2021-05-11 12:29:44 +00:00
border-radius: 8px
background-color: map.get($_theme, "bg-3")
2021-05-11 12:29:44 +00:00
&__list
margin: 0
padding-left: 1em
line-height: 1
&__list-item:not(:last-child)
margin-bottom: 0.4em // emulate line-height
2020-12-29 03:21:48 +00:00
.data-management
margin-top: 24px
.delete-confirm-container
background: map.get($_theme, "bg-1")
2020-12-29 03:21:48 +00:00
margin-bottom: -36px
@include forms.checkbox-hider("delete-confirm")
#delete-confirm:not(:checked) ~ * #delete-button
visibility: hidden
.delete-details[open]
padding-bottom: 40px