body, button, input, select, label, textarea {
font-family: $text;
}
-.Codemirror, pre, #markdown-editor-input, .editor-toolbar, .code-base {
+.Codemirror, pre, #markdown-editor-input, .text-mono, .code-base {
font-family: $mono;
}
* Link styling
*/
a {
- color: var(--color-primary);
+ color: var(--color-link);
fill: currentColor;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
&:focus img:only-child {
- outline: 2px dashed var(--color-primary);
+ outline: 2px dashed var(--color-link);
outline-offset: 2px;
}
}
* Lists
*/
ul, ol {
+ padding-left: $-m * 2.0;
+ padding-right: $-m * 2.0;
+ display: flow-root;
p {
margin: 0;
}
list-style: decimal;
}
-ol, ul {
- padding-left: $-m * 2.0;
- padding-right: $-m * 2.0;
-}
-
li > ol, li > ul {
margin-top: 0;
margin-bottom: 0;