Files: 2d3be0b71fb114fe7815f6d65ae8c25ba8337ae4 / styles / markdown.mcss
1184 bytesRaw
1 | Markdown { |
2 | word-break: break-word |
3 | (img) { |
4 | -pending { |
5 | border: 1px solid #DDD |
6 | background-color: #EEE |
7 | width: 120px |
8 | height: 40px |
9 | background-image: svg(fetching) |
10 | background-position: center |
11 | background-repeat: no-repeat |
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 | } |
21 | } |
22 | } |
23 | } |
24 | |
25 | (table) { |
26 | margin: 10px 0 |
27 | border-collapse: collapse |
28 | (th) { |
29 | text-align: left |
30 | border-bottom: 1px solid #DDD |
31 | padding: 3px |
32 | } |
33 | (td) { |
34 | padding: 3px |
35 | } |
36 | } |
37 | |
38 | (blockquote) { |
39 | margin: 1rem 0; |
40 | padding: 5px 20px; |
41 | border-left: 4px gainsboro solid; |
42 | background: #fafafa; |
43 | color: #7c7c7c; |
44 | } |
45 | (hr) { |
46 | border: none; |
47 | border-top: 1px solid #7e7e7e; |
48 | } |
49 | (pre) { |
50 | overflow: auto; |
51 | padding: 10px; |
52 | background: #fbfbfb; |
53 | border: 1px solid #EEE; |
54 | max-height: 300px; |
55 | } |
56 | (ul) { |
57 | (p) { |
58 | margin: 0; |
59 | } |
60 | } |
61 | (img.emoji) { |
62 | width: 1.5em; |
63 | height: 1.5em; |
64 | align-content: center; |
65 | margin-bottom: -0.3em; |
66 | } |
67 | } |
68 |
Built with git-ssb-web