$header-font: 'Arial', sans serif; $proportional-body-font: 'Calibri', serif; $fixed-code-font: 'Fira Code', 'Inconsolata', 'Consolas', sans serif;

//Probably want to move a few other hand-coded items into variables. //But this is just a quick & dirty extraction for the first iteration.

$grey-color: #828282 !default; $grey-color-light: lighten($grey-color, 40%) !default; $grey-color-dark: darken($grey-color, 25%) !default; $main-content-background-color: white; $main-content-text-color: black; $about-section-background-color: darkblue; $about-section-text-color: white; $sidebar-background-color: #E3E386 ; $sidebar-text-color: black; $posts-background-color: white; $posts-text-color: black; $footer-background-color: black; $footer-text-color: white;

@mixin color-links($link, $visited, $hover, $active) {

a:link { color: $link; }
a:active { color: $active; }
a:visited { color: $visited; }
a:hover { color: $hover; }

}

@mixin unprominent-links($background-color) {

a { text-decoration: none; }
a:hover { background-color: $background-color; }

}

@import “main”; @import “_syntax-highlighting”;