content {
max-width: 100%; div { width: 100%; height: 100%; } p { margin: 1em 0; opacity: 0.8 } .highlight { width: 100% } pre { border-radius: 3px; padding: $padding; overflow-x: auto; background-color: #000004; width: 100%; margin-bottom: 1em } pre>code { border: none; background-color: transparent; padding: 0; } code { font-family: 'Source Code Pro', monospace; font-size: 0.9em; padding: 1px 3px; border-radius: 3px; border: 1px solid $code-background-color } img { max-width: 100%; display: block; margin: 2rem auto; opacity: 1 } blockquote { background-color: $code-background-color; color: #39424E; padding: 2rem; margin: 2rem 1rem 2rem 1rem; border-radius: 3px } blockquote a { color: #111 } blockquote ul { margin-top: 1rem } blockquote li { list-style: disc } table { width: 100%; border-collapse: collapse; margin: 1rem 0; overflow-x: auto } table td, table th { padding: 2px 5px; border: 1px solid $code-background-color } ul { list-style: disc outside; @media screen and (min-width: $large-phone) { margin: 2rem } } ol { list-style: decimal outside; margin: 2rem } .gist { width: 100% } .gist td, .gist th { text-align: left; border: 0 }
}