git ssb

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