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 gainsboro solid;
43
    background: #fafafa;
44
    color: #7c7c7c;
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: #fbfbfb;
55
    border: 1px solid #EEE;
56
    max-height: 300px;
57
  }
58
  (ul) {
59
    (p) {
60
      margin: 0;
61
    }
62
  }
63
  (img.emoji) {
64
    width: 1.5em;
65
    height: 1.5em;
66
    align-content: center;
67
    margin-bottom: -0.3em;
68
  }
69
70
  p {
71
    (a) {
72
      color: #6f74e5
73
      :hover {
74
        text-decoration: underline;
75
      }
76
      [href^="@"] {
77
        color: #efef00
78
        border-bottom: 1px dotted #efef00
79
        :hover {
80
          text-decoration: none;
81
        }
82
      }
83
      [href^="#"] {
84
        color: #c1cdf0
85
        :hover {
86
          text-decoration: none;
87
        }
88
      }
89
    }
90
  }
91
}
92