72 lines
1.3 KiB
SCSS
72 lines
1.3 KiB
SCSS
/**
|
|
* 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;
|
|
} |