.post-header {
margin-bottom: $spacing-unit;
}
.post-title, .post-content h1 {
@include relative-font-size(2.625); letter-spacing: -1px; line-height: 1; @media screen and (min-width: $on-large) { @include relative-font-size(2.625); }
}
.post-content {
margin-bottom: $spacing-unit; h2 { @include relative-font-size(1.75); @media screen and (min-width: $on-large) { @include relative-font-size(2); } } h3 { @include relative-font-size(1.375); @media screen and (min-width: $on-large) { @include relative-font-size(1.625); } } h4 { @include relative-font-size(1.125); @media screen and (min-width: $on-large) { @include relative-font-size(1.25); } }
}
.post-list li {
display: block; padding: 20px 10px; margin: 5px; border: 1px solid #eee;
}
/**
* Page content */
.page-content {
padding: $spacing-unit 0; flex: 1 0 auto;
}
.page-heading {
@include relative-font-size(2);
}
.post-list-heading {
@include relative-font-size(1.75);
}
.post-list {
margin-left: 0; list-style: none; > li { margin-bottom: $spacing-unit; }
}
.post-meta {
font-size: $small-font-size; color: $grey-color;
}
.post-date {
font-size: $small-font-size; color: $grey-color; font-style: italic;
}
.post-link {
display: block; @include relative-font-size(1.5);
}