-
{ box-sizing: border-box;
}
body {
font-family: var(--body-font); font-size: var(--body-font-size); line-height: var(--body-line-height); color: var(--body-color); background-color: var(--body-bg);
}
a {
color: var(--link-color); text-decoration: none; &:focus, &:hover { text-decoration: underline; }
}
blockquote {
opacity: .5; margin-left: 0; margin-right: 0; padding: 0 var(--spacer); border-left: .1em solid;
}
figure {
margin: 0;
}
img {
display: block; max-width: 100%; margin: 1em 0; border-radius: var(--border-radius);
}
code, pre {
font-family: var(--code-font);
}
code {
padding: .1em .25em; background-color: var(--code-bg); border-radius: var(--border-radius);
}
pre {
overflow: auto; padding: 1em; margin: 1em 0; code { padding: 0; background-color: inherit; }
}
table {
width: 100%; border-collapse: collapse;
}
td, th {
padding: .25em .5em; border-bottom: 1px solid var(--border-color);
}
thead th {
border-bottom-color: currentColor;
}
hr {
border: 0; border-top: 1px solid var(--border-color);
}