git ssb

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