Files: 9ed5958b4528f84958df37e404fc8ec072d3632b / app / styles / mcss / markdown.mcss
1584 bytesRaw
1 | Markdown { |
2 | p, ul, ol { |
3 | } |
4 | |
5 | p { |
6 | :first-of-type { margin-top: 0 } |
7 | :last-of-type { margin-bottom: 0 } |
8 | |
9 | a { |
10 | img { margin 0 .5rem } |
11 | |
12 | :only-of-type { |
13 | img { |
14 | display: block |
15 | margin: auto |
16 | } |
17 | } |
18 | } |
19 | } |
20 | |
21 | hr { |
22 | height: 0 |
23 | border: solid #ddd |
24 | border-width: 1px 0 0 |
25 | clear: both |
26 | margin-bottom: .9em |
27 | } |
28 | |
29 | pre { |
30 | background-color: #f5f5f5 |
31 | color: #c121dc |
32 | padding: .3rem |
33 | white-space: pre-wrap |
34 | word-wrap: break-word |
35 | |
36 | code { |
37 | $code |
38 | border: none |
39 | } |
40 | } |
41 | |
42 | p code { |
43 | $code |
44 | padding: 0.1rem .2rem |
45 | } |
46 | |
47 | blockquote { |
48 | color: #666 |
49 | font-style: italic |
50 | font-size: 1rem |
51 | |
52 | p { |
53 | :last-child { |
54 | margin-bottom: .35ex |
55 | } |
56 | } |
57 | } |
58 | |
59 | ul, ol { |
60 | padding-left: 1rem |
61 | margin-top: .35rem |
62 | |
63 | (ul, ol) { |
64 | padding-left: 1.5rem |
65 | } |
66 | |
67 | } |
68 | ul.task-list { |
69 | padding-left: 0 |
70 | |
71 | (li.task-list-item) { |
72 | list-style-type: none |
73 | } |
74 | } |
75 | |
76 | |
77 | (img.emoji) { |
78 | height: 1.2em |
79 | width: 1.2em |
80 | vertical-align: middle |
81 | margin-top: -0.2em |
82 | } |
83 | |
84 | (p) { |
85 | img.emoji { |
86 | :first-of-type { |
87 | :last-of-type { |
88 | width: 3rem |
89 | height: 3rem |
90 | } |
91 | } |
92 | } |
93 | } |
94 | |
95 | |
96 | h1, h2, h3, h4, h5, h6 { |
97 | margin: 0 |
98 | } |
99 | h1, h2 { |
100 | margin-bottom: .5em |
101 | } |
102 | h1 { font-size: 1.4rem } |
103 | h2 { font-size: 1.2rem } |
104 | h3 { font-size: 1.15rem } |
105 | h4 { font-size: 1.12rem } |
106 | h5 { font-size: 1.1rem } |
107 | h6 { font-size: 1rem } |
108 | } |
109 | |
110 | $code { |
111 | background-color: #f5f5f5 |
112 | color: #c121dc |
113 | border: 1px solid #e6e6e6 |
114 | border-radius: 2px |
115 | } |
116 |
Built with git-ssb-web