// Body // -------------------------------------------------- body { font-family: @base-font; color: @text-color; } // Headings // -------------------------------------------------- h1, h2, h3, h4, h5, h6 { font-family: @heading-font; } h1 { .font-rem(32); } // Links // -------------------------------------------------- a { text-decoration: none; color: @link-color; &:visited { color: lighten(@link-color, 20); } &:hover { color: darken(@link-color, 20); } &:focus { outline: thin dotted; color: darken(@link-color, 20); } &:hover, &:active { outline: 0; } } .link-arrow { font-weight: 100; text-decoration: underline; font-style: normal; } // Figures // -------------------------------------------------- figcaption { padding-top: 10px; .font(14); line-height: 1.3; color: lighten(@text-color, 10); } // Note text // -------------------------------------------------- .notice { margin-top: 1.5em; padding: .5em 1em; text-indent: 0; .font-rem(14); background-color: @body-color; border: 1px solid darken(@body-color,20); .rounded(3px); } // Blockquotes // -------------------------------------------------- blockquote { font-family: @alt-font; font-style: italic; @media @medium { margin-left: -28px; padding-left: 20px; border-left: 8px solid @border-color; } } // Footnotes // -------------------------------------------------- .entry-content .footnotes { ol, li, p { .font-size(14); } } // Code // -------------------------------------------------- tt, code, kbd, samp, pre { font-family: @code-font; } p, li { code { .font-rem(12); line-height: 1.5; white-space: nowrap; margin: 0 2px; padding: 0 5px; border: 1px solid lighten(@black, 90); background-color: lighten(@black, 95); .rounded(3px); } } pre { .font-rem(12); line-height: 1.5; overflow-x: auto; &::-webkit-scrollbar { height: 12px; background-color: #34362e; border-radius: 0 0 4px 4px; } &::-webkit-scrollbar-thumb:horizontal { background-color: #6a6d5d; .rounded(4px); } }