+/**
+ * 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;
- white-space:pre;
- font-size: 0.8em;
- overflow: hidden;
- border-radius: 4px;
- box-shadow: 0 1px 2px 0px rgba(10, 10, 10, 0.06);
- border: 1px solid rgba(221, 221, 221, 0.66);
- background-color: #fdf6e3;
- padding: $-s;
- overflow-x: scroll;
+ 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 {
.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
*/