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: -5.5rem
76
    flex-basis: 118%
77
    pre {
78
      border: 1px gainsboro solid
79
      padding: .8rem
80
      background-color: #f5f5f5
81
      color: #c121dc
82
      padding: .3rem
83
      white-space: pre-wrap
84
      word-wrap: break-word
85
86
      span {
87
        font-weight: 600
88
      }
89
      a {
90
        word-break: break-all
91
      }
92
    }
93
  }
94
95
  section.actions {
96
    flex-basis: 100%
97
    display: flex
98
    justify-content: flex-end
99
100
    font-size: .9rem
101
    a {
102
      margin-left: .5em
103
    }
104
105
    a.unlike {
106
      $textSubtle
107
    }
108
  }
109
110
  footer.backlinks {
111
    flex-basis: 100%
112
  }
113
114
115
}
116