-
{ 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` is linked to `:hover` for basic accessibility &:hover, &:focus { text-decoration: underline; }
}
figure {
margin: 0;
} img {
display: block; max-width: 100%; margin: var(--spacer) 0; border-radius: var(--border-radius);
}
table {
width: 100%; border: 0 solid var(--border-color); border-collapse: collapse; margin: var(--spacer) 0;
}
td, th {
padding: .25rem .5rem; border-color: inherit; border-style: solid; border-width: 0; border-bottom-width: 1px;
}
th {
text-align: left;
}
thead th {
border-bottom-color: currentColor;
}
hr {
border: 0; border-top: 1px solid var(--border-color);
}
mark {
padding: .15em .3em; border-radius: var(--border-radius); color: var(--body-bg); background-color: var(--mark-color);
}
blockquote {
padding-left: 1em; margin: var(--spacer) 0; color: var(--body-color-light); border-left: .25em solid var(--border-color); p:last-child { margin-bottom: 0; } a { color: var(--link-color-light); }
}
code, pre {
font-family: var(--code-font);
}
code {
padding: .1em .25em; background-color: var(--code-bg); border-radius: var(--border-radius);
}
pre {
display: block; overflow: auto; padding: var(--spacer); margin: var(--spacer) 0; code { padding: 0; background-color: inherit; }
}