git ssb

1
Markdown {
2
  word-break: break-word
3
  (img) {
4
    -pending {
5
      background-color: #2d2c2c
6
      width: 120px
7
      height: 40px
8
      background-image: svg(fetching)
9
      background-position: center
10
      background-repeat: no-repeat
11
      border-radius: 3px
12
13
      @svg fetching {
14
        width: 100px
15
        height: 20px
16
        content: '<text x='0' y='12'>Fetching image...</text>'
17
        text {
18
          font: caption
19
          font-size: 12px
20
          fill: #757474
21
        }
22
      }
23
    }
24
  }
25
26
  (table) {
27
    margin: 10px 0
28
    border-collapse: collapse
29
    (th) {
30
      text-align: left
31
      border-bottom: 1px solid #DDD
32
      padding: 3px
33
    }
34
    (td) {
35
      padding: 3px
36
    }
37
  }
38
39
  (blockquote) {
40
    margin: 1rem 0;
41
    padding: 5px 20px;
42
    border-left: 4px #aeaeae solid;
43
    background: #434141;
44
    color: #aaa;
45
  }
46
  (hr) {
47
    border: none;
48
    border-top: 1px solid #2d2c2c
49
    margin: 1em 0
50
  }
51
  (pre) {
52
    overflow: auto;
53
    padding: 10px;
54
    background: #2d2c2c;
55
    max-height: 300px;
56
  }
57
  (ul) {
58
    (p) {
59
      margin: 0;
60
    }
61
  }
62
  (img.emoji) {
63
    width: 1.5em;
64
    height: 1.5em;
65
    align-content: center;
66
    margin-bottom: -0.3em;
67
  }
68
69
  (a) {
70
    color: #6f74e5
71
    :hover {
72
      text-decoration: underline;
73
    }
74
    [href^="@"] {
75
      color: #efef00
76
      border-bottom: 1px dotted #efef00
77
      :hover {
78
        text-decoration: none;
79
      }
80
    }
81
    [href^="#"] {
82
      color: #c1cdf0
83
      :hover {
84
        text-decoration: none;
85
      }
86
    }
87
  }
88
}
89