Skip to content

Instantly share code, notes, and snippets.

@Reconcyl
Created December 5, 2020 04:01
Show Gist options
  • Save Reconcyl/5812b5e71e7ded6e425dc0bf93d92612 to your computer and use it in GitHub Desktop.
Save Reconcyl/5812b5e71e7ded6e425dc0bf93d92612 to your computer and use it in GitHub Desktop.
Serrific macdown theme

Serrific: a barebones serif MacDown theme

These are just settings that look reasonable to me. Note that this doesn't have any rules for things I don't use.

body {
font: 18px "Bell MT";
background-color: #f0f0f0;
margin: 25px;
line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 0.5em; }
h1 { font-size: 34px; margin-left: 0; }
h2 { font-size: 29px; margin-left: 0.5em; }
h3 { font-size: 25px; margin-left: 1.0em; }
h4 { font-size: 22px; margin-left: 1.5em; }
h5 { font-size: 20px; margin-left: 2.0em; }
h6 { font-size: 19px; margin-left: 2.5em; }
a { color: #4183c4; text-decoration: none; }
a:hover { color: #6fa7dd; }
code {
font-size: 0.8em;
padding: 0.1em 0.3em 0.1em 0.3em;
background-color: #ccc;
border-radius: 0.2em;
}
pre {
padding: 0.75em !important;
border-radius: 0.75em;
background-color: #2d2d2d;
}
pre code {
padding: 0;
background-color: inherit;
border-radius: 0;
color: white;
}
hr { border-color: transparent; }
hr::after {
display: inline-block;
position: absolute;
width: 100vw;
height: 2px;
left: 0;
content: "";
background-color: #a0a0a0;
transform: translateY(-2px);
}
blockquote {
border-left: 4px solid #bbbbbb;
color: #666;
padding: 0 15px;
margin: 0;
}
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #a0a0a0;
padding: 10px;
}
tr:nth-child(odd) td {
background-color: #dddddd;
}
details > :not(:first-child) {
margin-left: 30px;
}
summary {
display: inline;
cursor: pointer;
outline: none;
-webkit-user-select: none;
}
@media screen and (min-width: 900px) {
body {
width: 850px;
margin: 25px auto;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment