*/
body, button, input, select, label, textarea {
- font-family: $text;
+ font-family: var(--font-body);
}
-.Codemirror, pre, #markdown-editor-input, .text-mono, .code-base {
- font-family: $mono;
+pre, #markdown-editor-input, .text-mono, .code-base {
+ font-family: var(--font-code);
}
/*
font-weight: 400;
position: relative;
display: block;
+ font-family: var(--font-heading, var(--font-body));
@include lightDark(color, #222, #BBB);
.subheader {
font-size: 0.5em;
pre {
padding-left: 12px;
}
- pre:after {
+ pre:before {
display: none;
}
}
blockquote {
display: block;
position: relative;
- border-left: 4px solid var(--color-primary);
+ border-left: 4px solid transparent;
+ border-left-color: var(--color-primary);
@include lightDark(background-color, #f8f8f8, #333);
padding: $-s $-m $-s $-xl;
overflow: auto;
}
.text-mono {
- font-family: $mono;
+ font-family: var(--font-code);
}
.text-uppercase {
}
.break-text {
+ white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}