git ssb

1
Page -settings {
2
  display: grid
3
  padding: 1rem 0
4
  grid-template-rows: auto
5
  justify-items: center
6
  grid-template-columns: auto
7
  overflow-y: auto
8
9
  background: #fff
10
11
  div.content {
12
    padding: 1rem
13
    $maxWidthSmaller 
14
15
    overflow-y: initial
16
17
    h1 {
18
      font-size: 1.5rem
19
      font-weight: 300
20
21
      padding-bottom: 1rem
22
      $borderBottomLight
23
      margin-top: 0
24
      margin-bottom: 4rem
25
    }
26
27
    section {
28
      display: flex
29
      align-content: center
30
31
      div { 
32
        padding: .5rem
33
34
        display: flex
35
        align-items: center
36
37
        img.Avatar {
38
          $circleLarge
39
          margin-bottom: 1rem
40
        }
41
42
        i.fa, img {
43
          cursor: pointer
44
          margin: 0 .5rem
45
46
          :hover {
47
            $colorFontPrimary
48
          }
49
        }
50
      }
51
      div.left {
52
        flex-basis: 40%
53
        $colorFontSubtle
54
55
        justify-content: flex-end
56
      }
57
      div.right {
58
        flex-basis: 60%
59
        justify-content: flex-start
60
      }
61
62
      -introduction {
63
        margin-bottom: 2rem
64
      }
65
66
      -version {
67
        div.right {
68
          $colorFontSubtle
69
        }
70
      }
71
72
      -sharing {
73
        div.left {
74
          align-items: flex-start
75
          padding-top: .8rem
76
        }
77
        div.right {
78
          flex-direction: column
79
          align-items: flex-start
80
        }
81
      }
82
83
      -backup {
84
        div.right {
85
          div.backupKeys {
86
            display: flex
87
            align-items: center
88
          }
89
        }
90
      }
91
    }
92
  }
93
}
94
95
Button -language {
96
  margin-right: 1rem
97
}
98
99
100
Button -websharingmetrics {
101
  margin-right: 1rem
102
  margin-bottom: 1rem
103
}
104
105
Button -zoom {
106
  margin-right: 1rem
107
  min-width: .5rem
108
}
109
110