---
# Only the main Sass file needs front matter (the dashes are enough)
---

// Grow to entire browser width
$x-large: auto;

// Larger code examples
$type-size-6: 0.9em;

@charset "utf-8";
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
@import "minimal-mistakes"; // main partials

// Avoid redundant page title
h1#page-title { display: none; }

// Avoid space for left sidebar, but leave 1em margin
.page { width: calc(100% - 1em) !important; }

// Style Python/CoffeeScript headers
th { color: purple; text-align: center; }

// Remove lines between rows
thead, td { border-bottom: 0px; vertical-align: top; }
div.highlighter-rouge { margin-bottom: 0.15em; }
table { overflow-y: hidden; } // avoid vertical scrollbars

// Uniform variable colors
.highlight .n, .highlight .nx { color: white; }

// Hide messages meant for Github display only
.github-only { display: none; }

// Scrollable TOC
@include breakpoint($large) {
  aside.sidebar__right.sticky {
    overflow-y: auto;
    height: 100vh;
    top: 0em;
  }
}

// Logo
.logo { height: 200px; margin-right: 1em; margin-bottom: 0.5em; float: left; }

// Space highlighted paragraphs to match <p> paragraphs
section > div.highlighter-rouge { margin-bottom: 1.3em; }
