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