"@charset \"utf-8\";\n\n// Our variables\n$base-font-family: monospace;\n$base-font-size: 15px;\n$base-font-weight: 200;\n$small-font-size: $base-font-size * 0.875;\n$base-line-height: 1.5;\n\n$spacing-unit: 30px;\n\n$nav-bg: #222;\n$nav-col: #EEE;\n$text-color: $nav-bg;\n$background-color: $nav-col;\n$brand-color: #FF6000;\n$border: 3px solid $brand-color;\n\n// Width of the content area\n$content-width: 800px;\n\n$on-palm: 600px;\n$on-laptop: 800px;\n\n// Use media queries like this:\n// @include media-query($on-palm) {\n// .wrapper {\n// padding-right: $spacing-unit / 2;\n// padding-left: $spacing-unit / 2;\n// }\n// }\n@mixin media-query($device) {\n @media screen and (max-width: $device) {\n @content;\n }\n}\n\n// Import partials from `sass_dir` (defaults to `_sass`)\n@import\n \"base\",\n \"layout\",\n \"syntax-highlighting\"\n;\n",
"/* vim: set ts=2 sw=2 et tw=80: */\n\n/* Reset some basic elements */\nbody, h1, h2, h3, h4, h5, h6,\np, blockquote, pre, hr,\ndl, dd, ol, ul, figure {\n margin: 0;\n padding: 0;\n}\n\n/* Basic styling */\nhtml {\n font-weight: $base-font-weight;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-family: $base-font-family;\n color: $text-color;\n background-color: $background-color;\n}\n\n/* Images */\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n/* Lists */\nul, ol {\n margin-left: $spacing-unit;\n}\n\n/* Disable margin for lists */\nli > ul, li > ol {\n margin-bottom: 0;\n}\n\n/* Headings */\nh2, h3, h4, h5, h6 {\n font-weight: $base-font-weight;\n text-decoration: underline;\n}\n\n/* Links */\na {\n color: $brand-color;\n text-decoration: none;\n font-weight: bold;\n\n &:visited {\n }\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n color: $nav-bg;\n background: $nav-col;\n border-left: 4px solid $brand-color;\n letter-spacing: -1px;\n font-style: italic;\n margin: 1rem 0;\n padding: 1em;\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\n/* do not put padding around the table with line numbers and the code */\ncode table {\n margin: -8px -12px;\n}\n\npre table.rouge-table td {\n padding: 0;\n}\n\npre {\n padding: 8px 12px;\n overflow-x: auto;\n\n > code {\n border: 0;\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n/* pull a nice monospace font from the internets, plus set font and\n * background */\npre, code {\n font-size: 0.95rem;\n background: $nav-col;\n}\n\n/* Disable borders between line numbers and code when\n * line numbers are shown */\ncode .rouge-table, code .rouge-table td {\n border: 0;\n border-radius: 0;\n}\n\ncode .rouge-table {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\n/**\n * Basic layout rules\n */\n\n/* Padding for the main content in the page */\n.container {\n padding: .4rem 2em;\n}\n\n/* Header sizes */\n\n/**\n * General style for the content inside main\n */\n\n/* separate article metadata to the article itself with some space */\narticle .post-header {\n margin-bottom: 3rem;\n}\n\n/* put some space at the end of each article and at the end of each section */\nmain article, main section {\n margin-bottom: 2rem;\n}\n\n/* justify text */\np {\n text-align: justify;\n}\n\n/* put a space between paragraphs and images */\np, figure {\n margin-top: 1.2rem;\n}\n\n/* the first paragraph has no space at the top (since that is provided\n * by either main or h? */\np:first-child {\n margin-top: 0;\n}\n\n/* make strongly emphasized elements REALLY STRONG */\nstrong {\n background: #FAA;\n}\n",