git ssb

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