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