body {
color: $base-font-color; font-family: $base-font-type; //font-feature-settings: "kern", "liga", "pnum"; font-size: $base-font-size; line-height: $base-line-height;
}
h1, h2, h3, h4, h5, h6 {
font-family: $heading-font-type; font-size: $base-font-size; line-height: $heading-line-height; margin: $small-spacing 0 $small-spacing 0; font-weight: 700;
}
h1 {
font-size: rem(30);
}
h2 {
font-size: rem(26);
}
h3 {
font-size: rem(24);
}
h4 {
font-size: rem(20);
}
h5, h6 {
font-size: rem(16);
}
/** Fonts Awesome **/ i.fa {
color: $dark-berry;
}
/** Site Header **/ h1.logo-left {
font-size: 24px; font-weight: 400;
}
.navbar-right {
li { font-family: $alternate-font-type; font-size: 14px; }
}
/** Hero Image **/ .hero-text {
font-family: $base-font-type; color: $white;
}
.hero-title {
font-size: $page-title; font-weight: normal;
}
.hero-desc {
font-family: $base-font-type; font-weight: 400;
}
/** Front Page Recent Post **/ .recent-post-container {
.section-title { text-align: center; font-weight: normal; font-size: $page-title; color: $dark-berry; } .post-entry-grid { .entry-flex { .post-title { font-family: $alternate-font-type; font-size: 20px; a:hover { color: $light-berry; text-decoration: underline; } } .post-excerpt { color: $dark-grey; font-weight: lighter; } .post-meta { font-family: $base-font-type; font-size: 12px; color: $dark-grey; } } }
}
/** POST TYPOGRAPHY **/
.blogpost-title {
h3 { font-family: $alternate-font-type; font-size: 18px; margin: $base-spacing/2 0 0 0; } p { font-family: $base-font-type; font-size: 14px; margin: 1em 0 1em 0; } span { font-size: 12px; }
}
h1.post-title {
color: $dark-berry; font-size: $page-title; font-weight: normal;
}
.post-content h1,h2,h3 {
font-weight: normal;
}
p.post-meta {
font-size: $page-title/2;
}
h1#page-title.page-title {
color: $dark-berry; font-size: $page-title;
}
p {
margin: $small-spacing*2 0 $small-spacing*2 0; &.lead { font-size: rem(22); font-weight: 300; }
}
a {
color: $action-color; text-decoration: none; transition: color $base-duration $base-timing; &:active, &:focus { color: shade($action-color, 25%); } &:hover { color: $light-berry; }
}
hr {
border-bottom: $base-border; border-left: 0; border-right: 0; border-top: 0; margin: $base-spacing 0;
}
img, picture {
margin: 0; max-width: 100%;
}
blockquote {
padding: $base-spacing 0 $base-spacing $base-spacing; margin: $base-spacing 0; color: $dark-grey; line-height: 1.8; border-left: $small-spacing solid $light-grey; background-color: lighten($light-grey, 15%); p { margin: 0; }
}
code {
background: none; border-radius: 3px; border: none; font-family: $plaintext-font-type; font-size: 1em; margin: 0; padding: 0 5px; background-color: lighten($light-berry, 25%);
}
pre {
-webkit-overflow-scrolling: touch; font-family: $plaintext-font-type; font-size: 1em; margin: 0; padding: 5px 10px !important; overflow: auto; max-height: 60em; white-space: pre; border: 1px solid $light-grey; background-color: $light-grey; code { line-height: 1.75em; padding: 0 !important; background-color: $light-grey; }
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ul, ol, dl {
margin-top: 0; margin-left: 1.2em; margin-bottom: 1rem; list-style-type: square; list-style-position: outside; list-style-image: none;
}
/** FOOTER **/ footer .copyright, .credits {
font-size: 12px; text-align: center;
}