git ssb

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