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
  (table) {
34
    margin: 10px 0
35
    border-collapse: collapse
36
    (th) {
37
      text-align: left
38
      border-bottom: 1px solid #DDD
39
      padding: 3px
40
    }
41
    (td) {
42
      padding: 3px
43
    }
44
  }
45
46
  (blockquote) {
47
    margin: 1rem 0;
48
    padding: 5px 20px;
49
    border-left: 4px gainsboro solid;
50
    background: #fafafa;
51
    color: #7c7c7c;
52
  }
53
  (hr) {
54
    border: none;
55
    border-top: 1px solid #7e7e7e;
56
  }
57
  (pre) {
58
    overflow: auto;
59
    padding: 10px;
60
    background: #fbfbfb;
61
    border: 1px solid #EEE;
62
    max-height: 300px;
63
  }
64
  (ul) {
65
    (p) {
66
      margin: 0;
67
    }
68
  }
69
  (img.emoji) {
70
    width: 1.5em;
71
    height: 1.5em;
72
    align-content: center;
73
    margin-bottom: -0.3em;
74
  }
75
  (a) {
76
    [href^="#"], [href^="@"], [href^="%"] {
77
      border-bottom: 1px dotted #286bc3;
78
      :hover {
79
        text-decoration: none;
80
      }
81
    }
82
  }
83
}
84