git ssb

1
ProfileHeader {
2
  display: flex
3
  width: 100%
4
  margin: 20px auto
5
  div.image {
6
    width: 200px
7
    max-height: 200px
8
    margin-right: 20px
9
    img {
10
      border-radius: 5px
11
      width: 100%
12
      height: 100%
13
      object-fit: cover
14
    }
15
  }
16
  div.main {
17
    flex: 1
18
    min-width: 0
19
    div.title {
20
      display: flex
21
      h1 {
22
        flex: 1
23
      }
24
    }
25
    section {
26
      -description {
27
        font-size: 120%
28
        max-height: 350px
29
        overflow: auto
30
        -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0))
31
      }
32
      -publicKey {
33
        pre {
34
          text-overflow: ellipsis
35
          overflow: hidden
36
          margin: 2px 0
37
          font-size: 120%
38
          padding: 3px
39
        }
40
      }
41
      -distanceWarning {
42
        $distanceWarning
43
      }
44
45
      -blocked {
46
        padding: 8px
47
        margin: 5px 0
48
        font-size: 110%
49
        a {
50
          :hover {
51
            text-decoration: none
52
          }
53
        }
54
        (p) {
55
          margin-bottom: 0
56
        }
57
        (h1) {
58
          font-size: 120%
59
          font-weight: bold
60
          margin: 0
61
        }
62
      }
63
64
      -blockWarning {
65
        padding: 8px
66
        margin: 5px 0
67
        font-size: 110%
68
        a {
69
          :hover {
70
            text-decoration: none
71
          }
72
        }
73
      }
74
      -mutualFriends {
75
        padding: 8px
76
        margin: 5px 0
77
        a {
78
          :hover {
79
            text-decoration: none
80
          }
81
        }
82
      }
83
    }
84
  }
85
}
86