/**
* Posts */ .post-header { margin-bottom: $spacing-unit;
}
.post-title, .post-content h1 {
@include relative-font-size(2.625); letter-spacing: -1px; line-height: 1.15; @media screen and (min-width: $on-laptop) { @include relative-font-size(2.625); }
}
.post-content {
h1, h2, h3 { margin-top: $spacing-unit } h4, h5, h6 { margin-top: $spacing-unit } h2 { @include relative-font-size(1.75); @media screen and (min-width: $on-laptop) { @include relative-font-size(2); } } h3 { @include relative-font-size(1.375); @media screen and (min-width: $on-laptop) { @include relative-font-size(1.625); } } h4 { @include relative-font-size(1.25); } h5 { @include relative-font-size(1.125); } h6 { @include relative-font-size(1.0625); }
}
article, .comments, .box {
padding: $spacing-unit; background: $content-color; border-radius: 20px; box-shadow: 0 0 40px rgba(0,0,0,0.5); margin: 25px 0; @include media-query($on-mobile) { padding: 0; background: transparent; box-shadow: none; }
} .comments {
@media screen and (min-width: $on-mobile) { padding:15px $spacing-unit; }
}
.page-content {
margin-top: 80px;
}