# 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;
}