git ssb

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