101 lines
1.4 KiB
SCSS
101 lines
1.4 KiB
SCSS
$heading: (h1, 2.25, 800), (h2, 2, 700), (h3, 1.75, 600), (h4, 1.5, 600),
|
|
(h5, 1.25, 500), (h6, 1, 400);
|
|
@each $tag, $size, $weight in $heading {
|
|
.md #{$tag} {
|
|
font-size: #{$size}rem;
|
|
font-weight: $weight;
|
|
margin-top: 1rem;
|
|
margin-bottom: .75rem;
|
|
}
|
|
}
|
|
|
|
.md pre {
|
|
font-size: 13px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.md blockquote {
|
|
background-color: #94949514;
|
|
padding: 1px .85em;
|
|
border-left: 4px solid var(--prime);
|
|
font-style: italic;
|
|
}
|
|
|
|
.md table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
display: block;
|
|
max-width: 100%;
|
|
width: 100%;
|
|
margin: 1em 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.md table thead {
|
|
border-top: 2px solid var(--text);
|
|
border-bottom: 1px solid var(--text);
|
|
}
|
|
|
|
.md table tbody {
|
|
border-bottom: 2px solid var(--text);
|
|
}
|
|
|
|
.md table th,
|
|
.md table td {
|
|
padding: .25rem 1rem;
|
|
}
|
|
|
|
.md img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.md .katex {
|
|
overflow: auto hidden;
|
|
}
|
|
|
|
.md ul {
|
|
list-style: disc;
|
|
padding-inline-start: 22px;
|
|
}
|
|
|
|
.md ul input[type="checkbox"] {
|
|
margin: 0;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.md .ul-checkbox {
|
|
list-style: none;
|
|
padding-inline-start: 2px;
|
|
}
|
|
|
|
.md li {
|
|
margin-bottom: .5rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.md ol,
|
|
.md ul,
|
|
.md img,
|
|
.md blockquote,
|
|
.md .highlight {
|
|
margin: .75rem 0;
|
|
}
|
|
|
|
.md blockquote p {
|
|
margin: .45rem 0;
|
|
line-height: 1.5;
|
|
font-size: .95rem;
|
|
}
|
|
|
|
.md hr {
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
.md .footnotes {
|
|
word-break: break-all;
|
|
font-size: .9rem;
|
|
}
|
|
|
|
.md p sup {
|
|
margin-left: 4px;
|
|
}
|