hugo-theme-minima/assets/css/md.scss

118 lines
1.6 KiB
SCSS
Raw Permalink Normal View History

2022-11-08 11:07:48 +01:00
$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;
}
}
2022-11-08 16:10:57 +01:00
.md p {
margin: .75rem 0;
}
2022-11-08 11:07:48 +01:00
.md pre {
font-size: 13px;
line-height: 1.3;
}
2021-07-18 10:34:01 +02:00
.md blockquote {
2022-11-08 11:07:48 +01:00
background-color: #94949514;
padding: 1px .85em;
border-left: 4px solid var(--prime);
2021-07-18 10:34:01 +02:00
font-style: italic;
}
.md table {
border-collapse: collapse;
border-spacing: 0;
display: block;
max-width: 100%;
width: 100%;
2021-07-20 11:53:21 +02:00
margin: 1em 0;
2021-07-18 10:34:01 +02:00
overflow: auto;
}
2021-08-19 06:42:00 +02:00
.md table thead {
border-top: 2px solid var(--text);
border-bottom: 1px solid var(--text);
2021-12-08 17:54:53 +01:00
}
.md table tbody {
border-bottom: 2px solid var(--text);
2021-07-18 10:34:01 +02:00
}
2022-11-08 11:07:48 +01:00
.md table th,
2021-08-19 06:42:00 +02:00
.md table td {
2022-11-08 11:07:48 +01:00
padding: .25rem 1rem;
2021-07-20 16:24:19 +02:00
}
.md img {
max-width: 100%;
2021-07-21 06:12:51 +02:00
}
2021-08-04 05:17:59 +02:00
.md .katex {
overflow: auto hidden;
2021-08-19 06:42:00 +02:00
}
2022-11-08 11:07:48 +01:00
.md ul {
list-style: disc;
2022-11-14 03:53:03 +01:00
padding-inline-start: 30px;
}
.md ol {
list-style: decimal;
padding-inline-start: 30px;
2022-11-08 11:07:48 +01:00
}
2021-08-19 06:42:00 +02:00
.md ul input[type="checkbox"] {
2022-11-08 11:07:48 +01:00
margin: 0;
2023-03-14 11:00:05 +01:00
margin-right: 5px;
2021-08-19 06:42:00 +02:00
}
2023-03-14 11:00:05 +01:00
.md ul:has(input) {
2021-08-19 06:42:00 +02:00
list-style: none;
2022-11-14 03:53:03 +01:00
padding-inline-start: 8px;
2021-08-19 06:42:00 +02:00
}
2021-08-29 17:55:45 +02:00
.md li {
2022-04-14 03:49:24 +02:00
margin-bottom: .5rem;
line-height: 1.5;
2021-08-29 17:55:45 +02:00
}
.md ol,
.md ul,
.md img,
.md blockquote,
2021-08-19 06:42:00 +02:00
.md .highlight {
2021-08-29 17:55:45 +02:00
margin: .75rem 0;
}
2022-01-26 16:20:50 +01:00
.md blockquote p {
2022-11-08 11:07:48 +01:00
margin: .45rem 0;
2022-01-26 16:20:50 +01:00
line-height: 1.5;
2022-11-08 11:07:48 +01:00
font-size: .95rem;
2022-01-26 16:20:50 +01:00
}
2021-08-29 17:55:45 +02:00
.md hr {
margin: 1.5rem 0;
}
.md .footnotes {
2021-09-11 13:46:01 +02:00
word-break: break-all;
font-size: .9rem;
}
.md p sup {
margin-left: 4px;
2021-08-29 17:55:45 +02:00
}
2023-05-07 07:11:20 +02:00
.md a {
color: var(--prime);
}
.md a:hover {
text-decoration: underline;
}