+/**
+ * Fonts
+ */
+
+body, button, input, select, label, textarea {
+ font-family: $text;
+}
+.Codemirror, pre, #markdown-editor-input, .editor-toolbar, .code-base {
+ font-family: $mono;
+}
+
/*
* Header Styles
*/
cursor: pointer;
text-decoration: none;
transition: color ease-in-out 80ms;
- font-family: $text;
line-height: 1.6;
&:hover {
text-decoration: underline;
}
pre {
- font-family: monospace;
font-size: 12px;
background-color: #f5f5f5;
border: 1px solid #DDD;
+ padding-left: 31px;
+ position: relative;
+ padding-top: 3px;
+ padding-bottom: 3px;
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ width: 29px;
+ left: 0;
+ background-color: #f5f5f5;
+ height: 100%;
+ border-right: 1px solid #DDD;
+ }
}
+@media print {
+ pre {
+ padding-left: 12px;
+ }
+ pre:after {
+ display: none;
+ }
+}
blockquote {
display: block;
.code-base {
background-color: #F8F8F8;
- font-family: monospace;
font-size: 0.80em;
border: 1px solid #DDD;
border-radius: 3px;
border: 0;
font-size: 1em;
display: block;
+ line-height: 1.6;
}
/*
* Text colors
display: block;
}
-.action-header {
- h1 {
- margin-top: $-m;
- }
-}
-
/**
* Icons
*/