aboutsummaryrefslogtreecommitdiff
path: root/www/static/md.css
diff options
context:
space:
mode:
authorTolmachev Igor <me@igorek.dev>2026-01-07 02:56:17 +0900
committerTolmachev Igor <me@igorek.dev>2026-01-07 02:56:17 +0900
commit62af97acf1aa92eda881c754ae0cc6876d3a5ede (patch)
tree72cc680fd6c6d5da7db06da026c48d335916e23a /www/static/md.css
parentbf87e843e959344a060854c2bee60b787011b7e7 (diff)
downloadcgit_material_docker-62af97acf1aa92eda881c754ae0cc6876d3a5ede.tar.gz
cgit_material_docker-62af97acf1aa92eda881c754ae0cc6876d3a5ede.zip
Improve docker image structure
Diffstat (limited to 'www/static/md.css')
-rw-r--r--www/static/md.css248
1 files changed, 248 insertions, 0 deletions
diff --git a/www/static/md.css b/www/static/md.css
new file mode 100644
index 0000000..c8966c3
--- /dev/null
+++ b/www/static/md.css
@@ -0,0 +1,248 @@
1/* --- Markdown Body Styles --- */
2
3.markdown-body {
4 font-family: inherit;
5 font-size: 1rem;
6 line-height: 1.6;
7 color: var(--color-on-background);
8 word-wrap: break-word;
9}
10
11/* Headers */
12.markdown-body h1,
13.markdown-body h2,
14.markdown-body h3,
15.markdown-body h4,
16.markdown-body h5,
17.markdown-body h6 {
18 margin-top: 24px;
19 margin-bottom: 16px;
20 font-weight: 600;
21 line-height: 1.25;
22 color: var(--color-on-surface);
23}
24
25.markdown-body h1 {
26 font-size: 2em;
27 border-bottom: 1px solid var(--color-outline-variant);
28 padding-bottom: 0.3em;
29}
30.markdown-body h2 {
31 font-size: 1.5em;
32 border-bottom: 1px solid var(--color-outline-variant);
33 padding-bottom: 0.3em;
34}
35.markdown-body h3 {
36 font-size: 1.25em;
37}
38.markdown-body h4 {
39 font-size: 1em;
40}
41.markdown-body h5 {
42 font-size: 0.875em;
43}
44.markdown-body h6 {
45 font-size: 0.85em;
46 color: var(--color-on-surface-variant);
47}
48
49/* Links */
50.markdown-body a {
51 color: var(--color-primary);
52 text-decoration: none;
53}
54.markdown-body a:hover {
55 text-decoration: underline;
56}
57
58/* Paragraphs & Lists */
59.markdown-body p,
60.markdown-body blockquote,
61.markdown-body ul,
62.markdown-body ol,
63.markdown-body dl,
64.markdown-body table,
65.markdown-body pre {
66 margin-top: 0;
67 margin-bottom: 16px;
68}
69
70.markdown-body hr {
71 height: 0.25em;
72 padding: 0;
73 margin: 24px 0;
74 background-color: var(--color-outline-variant);
75 border: 0;
76}
77
78/* Blockquotes */
79.markdown-body blockquote {
80 padding: 0 1em;
81 color: var(--color-on-surface-variant);
82 border-left: 0.25em solid var(--color-outline);
83 background-color: var(--color-surface-container-low);
84}
85
86/* Tables */
87.markdown-body table {
88 display: block;
89 width: 100%;
90 overflow: auto;
91 border-spacing: 0;
92 border-collapse: collapse;
93}
94
95.markdown-body table th {
96 font-weight: 600;
97 background-color: var(--color-surface-container);
98}
99
100.markdown-body table th,
101.markdown-body table td {
102 padding: 6px 13px;
103 border: 1px solid var(--color-outline-variant);
104}
105
106.markdown-body table tr {
107 background-color: var(--color-surface);
108 border-top: 1px solid var(--color-outline-variant);
109}
110
111.markdown-body table tr:nth-child(2n) {
112 background-color: var(--color-surface-container-lowest);
113}
114
115/* Images */
116.markdown-body img {
117 max-width: 100%;
118 box-sizing: border-box;
119 background-color: var(--color-surface);
120 border-radius: 4px;
121}
122
123/* Code Blocks & Inline Code */
124.markdown-body code,
125.markdown-body tt {
126 padding: 0.2em 0.4em;
127 margin: 0;
128 font-size: 85%;
129 font-family: "JetBrains Mono", "Fira Code", monospace;
130 background-color: var(--color-surface-container-high);
131 border-radius: 6px;
132 color: var(--color-on-surface);
133}
134
135.markdown-body pre {
136 padding: 16px;
137 overflow: auto;
138 font-size: 85%;
139 line-height: 1.45;
140 background-color: var(--color-surface-container-lowest);
141 border-radius: 6px;
142 border: 1px solid var(--color-outline-variant);
143}
144
145.markdown-body pre code,
146.markdown-body pre tt {
147 display: inline;
148 max-width: auto;
149 padding: 0;
150 margin: 0;
151 overflow: visible;
152 line-height: inherit;
153 word-wrap: normal;
154 background-color: transparent;
155 border: 0;
156}
157
158/* Anchors (Permalinks) */
159.markdown-body a.headerlink {
160 padding-left: 1ch;
161 line-height: 1;
162 color: var(--color-primary);
163 text-decoration: none;
164 opacity: 0;
165 transition: opacity 0.2s;
166}
167
168.markdown-body h1:hover .headerlink,
169.markdown-body h2:hover .headerlink,
170.markdown-body h3:hover .headerlink,
171.markdown-body h4:hover .headerlink,
172.markdown-body h5:hover .headerlink,
173.markdown-body h6:hover .headerlink {
174 opacity: 1;
175}
176
177/* Pygments Syntax Highlighting within Markdown
178 (Mapping standard Pygments classes to Material Variables) */
179.markdown-body .highlight .c,
180.markdown-body .highlight .cm,
181.markdown-body .highlight .cp,
182.markdown-body .highlight .c1,
183.markdown-body .highlight .cs {
184 color: var(--color-outline);
185 font-style: italic;
186}
187.markdown-body .highlight .k,
188.markdown-body .highlight .kc,
189.markdown-body .highlight .kd,
190.markdown-body .highlight .kn,
191.markdown-body .highlight .kp,
192.markdown-body .highlight .kr,
193.markdown-body .highlight .kt {
194 color: var(--color-primary);
195 font-weight: bold;
196}
197.markdown-body .highlight .n,
198.markdown-body .highlight .na,
199.markdown-body .highlight .nb,
200.markdown-body .highlight .nc,
201.markdown-body .highlight .no,
202.markdown-body .highlight .nd,
203.markdown-body .highlight .ni,
204.markdown-body .highlight .ne,
205.markdown-body .highlight .nf,
206.markdown-body .highlight .nl,
207.markdown-body .highlight .nn,
208.markdown-body .highlight .nt,
209.markdown-body .highlight .nv,
210.markdown-body .highlight .nx {
211 color: var(--color-tertiary);
212}
213.markdown-body .highlight .s,
214.markdown-body .highlight .sa,
215.markdown-body .highlight .sb,
216.markdown-body .highlight .sc,
217.markdown-body .highlight .dl,
218.markdown-body .highlight .sd,
219.markdown-body .highlight .s2,
220.markdown-body .highlight .se,
221.markdown-body .highlight .sh,
222.markdown-body .highlight .si,
223.markdown-body .highlight .sx,
224.markdown-body .highlight .sr,
225.markdown-body .highlight .s1,
226.markdown-body .highlight .ss {
227 color: var(--color-secondary);
228}
229.markdown-body .highlight .m,
230.markdown-body .highlight .mb,
231.markdown-body .highlight .mf,
232.markdown-body .highlight .mh,
233.markdown-body .highlight .mi,
234.markdown-body .highlight .mo,
235.markdown-body .highlight .il {
236 color: var(--color-primary-fixed);
237}
238.markdown-body .highlight .o,
239.markdown-body .highlight .ow {
240 color: var(--color-on-surface-variant);
241}
242.markdown-body .highlight .g,
243.markdown-body .highlight .gh,
244.markdown-body .highlight .gu,
245.markdown-body .highlight .gd,
246.markdown-body .highlight .gi {
247 color: var(--color-on-surface);
248}
generated by cgit v1.2.3 (git 2.46.0) at 2026-01-11 23:50:50 +0000