~cadence/cloudtube

ref: f62fce4feaf84a8fb3c2625a64db97a382a9b887 cloudtube/sass/includes/settings-page.sass -rw-r--r-- 808 bytes
f62fce4fCadence Ember Highlight current chapter in video description 11 months ago
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
@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