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
    span, span a {
62
      _textSubtle
63
    }
64
  }
65
66
  section.content {
67
    flex-basis: 100%
68
69
    margin-top: .4rem
70
71
    (img) {
72
      max-width: 100%
73
    }
74
  }
75
76
  section.raw-content {
77
    margin-left: -7rem
78
    flex-basis: 118%
79
    pre {
80
      border: 1px gainsboro solid
81
      padding: .8rem
82
83
      span {
84
        font-weight: 600
85
      }
86
      a {
87
        word-break: break-all
88
      }
89
    }
90
  }
91
92
  section.actions {
93
    flex-basis: 100%
94
    display: flex
95
    justify-content: flex-end
96
97
    font-size: .9rem
98
    a {
99
      margin-left: .5em
100
    }
101
  }
102
103
  footer.backlinks {
104
    flex-basis: 100%
105
  }
106
107
108
}
109