git ssb

1
Markdown {
2
  word-break: break-word
3
4
  (a.bad) {
5
    color: inherit
6
    :hover {
7
      text-decoration: inherit
8
    }
9
  }
10
11
  (img) {
12
    -pending {
13
      border: 1px solid #DDD
14
      background-color: #EEE
15
      width: 120px
16
      height: 40px
17
      background-image: svg(fetching)
18
      background-position: center
19
      background-repeat: no-repeat
20
21
      @svg fetching {
22
        width: 100px
23
        height: 20px
24
        content: '<text x='0' y='12'>Fetching image...</text>'
25
        text {
26
          font: caption
27
          font-size: 12px
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 gainsboro solid;
59
    background: #fafafa;
60
    color: #7c7c7c;
61
  }
62
  (hr) {
63
    border: none;
64
    border-top: 1px solid #7e7e7e;
65
  }
66
  (pre) {
67
    overflow: auto;
68
    padding: 10px;
69
    background: #fbfbfb;
70
    border: 1px solid #EEE;
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
  (a) {
85
    [href^="#"], [href^="@"], [href^="%"] {
86
      border-bottom: 1px dotted #286bc3;
87
      :hover {
88
        text-decoration: none;
89
      }
90
    }
91
  }
92
}
93