// Font Variables //$base-font-family: “Libre Franklin”, sans-serif !default; $banner-font-family: “Libre Franklin”, sans-serif !default; $base-font-family: sans-serif !default; $menu-font-family: “Ubuntu Mono”, monospace !default; //$menu-font-family: sans-serif !default; $base-font-size: 1em !default; $base-font-weight: 400 !default; $title-font-weight: 700 !default; $small-font-size: 0.875em !default; $large-font-size: 1.25em !default; $history-font-size:0.75em !default; $font-size-title: 1.5em !default; $font-size-slogan: 1.25em !default; $base-line-height: 1.5 !default; $cpr-font-size: 0.8em !default;
// Spacing $spacing-unit: 30px !default;
// Color Variables $text-color: black !default; $title-color: #5887cf !default; $slogan-color: white !default; $link-color: #002254 !default; //$link-color-hover: #5887cf !default; $link-color-hover: c48001 !default; //$link-color-vis: darken($link-color, 15%) !default; $link-color-vis: darken(#828282, 25%) !default;;
$border-color: black !default; $menu-link-hover-bgcolor: white !default;
$header-bg-color: black !default; $background-color: d1d1d1 !default; $middle-bg-color: black !default;
$middle-bg-grad1: rgba(0,0,0,0.88) !default; $middle-bg-grad2: rgba(38,58,80,0.88) !default; //$middle-bg-final: linear-gradient($middle-bg-grad1 70%, $middle-bg-grad2) !default; //$middle-bg-final: e2eeff !default; $middle-bg-final: e7ebf1 !default;
$button-txt-color: black !default; $button-border-color: d6ecfc !default; $button-bg-color: $middle-bg-final !default;
$history-bg-color: white !default; $history-txt-color: black !default;
$grey-color: #828282 !default; $grey-color-light: lighten($grey-color, 40%) !default; $grey-color-dark: darken($grey-color, 25%) !default;
// Misc $link-dec: none; $link-dec-hover: none;
// Width of the content area $content-width: 1200px !default;
$on-palm: 800px !default; $on-laptop: 1200px !default;
// Use media queries like this: // @include media-query($on-palm) { // .wrapper { // padding-right: $spacing-unit / 2; // padding-left: $spacing-unit / 2; // } // } @mixin media-query($device) {
@media screen and (max-width: $device) { @content; }
}
// Import partials. @import
"ellis/base", "ellis/layout", "ellis/syntax-highlighting"
;