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


@charset “UTF-8”;

/* Overrides */

@import “colors”; @import “variables”;

/* Materialize Imports*/

// Color @import “components/color-variables”; @import “components/color-classes”;

// Variables; @import “components/variables”;

// Reset @import “components/normalize”;

// components @import “components/global”; @import “components/badges”; @import “components/icons-material-design”; @import “components/grid”; @import “components/navbar”; @import “components/typography”; @import “components/transitions”; @import “components/cards”; @import “components/toast”; @import “components/tabs”; @import “components/tooltip”; @import “components/buttons”; @import “components/dropdown”; @import “components/waves”; @import “components/modal”; @import “components/collapsible”; @import “components/chips”; @import “components/materialbox”; @import “components/forms/forms”; @import “components/table_of_contents”; @import “components/sidenav”; @import “components/preloader”; @import “components/slider”; @import “components/carousel”; @import “components/tapTarget”; @import “components/pulse”; @import “components/datepicker”; @import “components/timepicker”;

// keep the original minima syntax highlighting @import “minima/syntax-highlighting”;

/* Main Styles */

// Links .page-content {

a {
  &:hover {
    color: darken($link-color, 10%);
  }
}

}

.page-header, .page-footer {

a {
  color: color("light-blue", "lighten-4");

  &:hover {
    color: color("light-blue", "lighten-5");
  }
}

}

// Touch up the main post listing layout .post-listing {

.row {
  margin-bottom: 0;
}
.col {
  margin-bottom: 20px;
  @media #{$medium-and-up} {
    margin-bottom: 35px;
  }
}

.card-title {
  margin-top: 0;
}

} // 2-coloumn grid of cards that fill empty vertical space @media #{$medium-and-up} {

.fill-height {
  display: flex;
  margin-bottom: 35px;

  > .col {
    flex: 1 1 auto;

    .card {
      height: 100%;
    }
  }
}

}

// fix awkward lack of padding at the bottom of a post/page .post-content, .page-content {

margin-bottom: 30px;

}