---
# Only the main Sass file needs front matter (the dashes are enough)
---
//
// Main sass file, to import all styles
//

@charset "utf-8";


@import "https://storage.googleapis.com/code.getmdl.io/1.2.1/material.{{ site.material.primary }}-{{ site.material.secondary }}.min.css";
@import
        "quantum-colors";

$spacing-unit:     30px;
$super-search:     rgba(0, 191, 255, 0.85);
$grey-color:       #828282;
$grey-color-light: lighten($grey-color, 40%);
$grey-color-dark:  darken($grey-color, 25%);

$primary-color: ${{ site.material.primary }}-600;
$highlight-color: ${{ site.material.secondary }}-600;



// Import partials from `sass_dir` (defaults to `_sass`)
@import
        "base",
        "layout",
        "syntax-highlighting",
        "post",
        "search",
        "asciidoc"

;

.page-content .mdl-card__title {
  background: $primary-color;

  a {
    color: inherit;
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }
}