// ** Start Styles **
.wrapper { }
.site-nav {
padding: ($spacing-unit * 1) 0; margin-bottom: $spacing-unit * 1.5; border-bottom: 1px solid rgba(0,0,0,.05); @include media-query($small-screen) { padding: ($spacing-unit * .75) 0; margin-bottom: $spacing-unit * .75; } // .page-link { // text-decoration: none; // font-family: $title-font-family; // font-size: $title-font-size * .75; // font-weight: 400; // color: $copy-color; // // // Gaps between nav items, but not on the last one // &:not(:last-child) { // margin-right: ($spacing-unit * 1.5); // // @include media-query($small-screen) { // margin-right: ($spacing-unit); // } // } // }
}
.site-title {
text-decoration: none; font-family: $title-font-family; font-size: $title-font-size * .75; font-weight: $title-font-weight; color: $copy-color; text-transform: uppercase;
}
// ** Site Footer **
.site-footer {
// background: #FAFAFA; // border-top: 1px solid $horiz-rule-color; // padding: $spacing-unit 0;
}
// ** Page Content (Default Layout) **
.page-content {
// padding: $spacing-unit 0;
}
// ** Home **
.post-list {
margin: 0; list-style: none;
}
.post-link {
text-decoration: none; color: $copy-color;
}
.post-preview {
padding-top: $spacing-unit * 1.5; padding-bottom: $spacing-unit * 1.5; border-bottom: 1px solid rgba(0,0,0,.05); @include media-query($small-screen) { padding-top: $spacing-unit * .75; padding-bottom: $spacing-unit * .75; }
}
.post-list > .post-first-child > .post-preview {
padding-top: 0;
}
// ** Posts **
.post-meta {
margin: 0; font-family: $label-font-family; font-size: $label-font-size * .75; font-weight: $label-font-weight; color: $label-color; text-transform: uppercase; @include media-query($small-screen) { font-size: $label-font-size * .7; }
}
.post-title {
margin-top: $spacing-unit / 2.5; margin-bottom: $spacing-unit / 2.5; font-family: $header-font-family; font-size: $header-font-size; font-weight: $header-font-weight; line-height: $header-font-line-height; //transition: color .125s ease-in-out; @include media-query($small-screen) { font-size: $header-font-size * .75; }
}
.post-excerpt {
font-size: $body-font-size; font-weight: $body-font-weight; line-height: $body-font-line-height; @include media-query($small-screen) { font-size: $body-font-size * .9; }
}
.post-content {
@include media-query($small-screen) { font-size: $body-font-size * .9; } h1,h2,h3,h4 { font-family: $header-font-family; @include media-query($small-screen) { margin-top: $spacing-unit * .25; margin-bottom: $spacing-unit * .25; } } h2 { font-size: 32px; } h3 { font-size: 26px; } h4 { font-size: 20px; } p { margin-top: $spacing-unit; margin-bottom: $spacing-unit; @include media-query($small-screen) { margin-top: $spacing-unit * .25; margin-bottom: $spacing-unit * .25; } } a { color: $copy-color; text-decoration: none; border-bottom: 1px solid $label-color; &:hover { border-bottom: 1px solid $copy-color; } }
} // end .post-content