git ssb

1
Message {
2
  padding: 1rem .5rem 1rem 6rem
3
  /* min-height: 5rem */
4
5
  position: relative
6
  display: flex
7
  flex-direction: row
8
  flex-wrap: wrap
9
  justify-content: flex-end
10
11
  section.avatar {
12
    position: absolute
13
    left: .5rem
14
    
15
    img {
16
      width: 4rem
17
      height: 4rem
18
    }
19
  }
20
21
  section.timestamp {
22
    position: absolute
23
    left: .5rem
24
    top: 5rem
25
26
    a {
27
      font-size: .8rem
28
      _textSubtle
29
    }
30
  }
31
32
  header.author {
33
    margin-right: .4rem
34
  }
35
36
  section.meta {
37
    display: flex
38
    flex-grow: 1
39
    justify-content: flex-end
40
    align-items: center
41
    * {
42
      margin-left: .4rem
43
    }
44
45
    a {
46
      _textSubtle
47
    }
48
 
49
    /* this is for private message_meta, TODO find a better home */
50
    (img) {
51
      height: 1.8rem
52
      width: 1.8rem
53
      margin: 0 .2rem -.2rem
54
    }
55
  }
56
57
  section.title {
58
    flex-basis: 100%
59
    font-size: .9rem
60
  }
61
62
  section.content {
63
    flex-basis: 100%
64
65
    margin-top: .4rem
66
67
    (img) {
68
      max-width: 100%
69
    }
70
  }
71
72
  section.raw-content {
73
    margin-left: -7rem
74
    flex-basis: 130%
75
    pre {
76
      border: 1px gainsboro solid
77
      padding: .8rem
78
79
      span {
80
        font-weight: 600
81
      }
82
      a {
83
        word-break: break-all
84
      }
85
    }
86
  }
87
88
  section.actions {
89
    flex-basis: 100%
90
    display: flex
91
    justify-content: flex-end
92
93
    font-size: .9rem
94
    a {
95
      margin-left: .5em
96
    }
97
  }
98
99
  footer.backlinks {
100
    flex-basis: 100%
101
  }
102
103
104
}
105