Commentary & Archive Pages
There is a gap between the end of the gradient and the beginning on the footer image on commentary and archive pages.
Note: The issue is being caused by the percentages in the gradient, not the footer image. It should be updated to the below. On the archive pages, you can also adjust the value of the bottom property on .archivecontent::after
background-image: linear-gradient(180deg,rgba(14,26,44,0),rgba(14,26,44,.8) 80px,#081324 120px,#081324 97.7%,rgba(0,11,14,.01));
Archive Pages
On the archive pages, the gray line on the side should be extended all the way to the post content. This can be done by removing the overflow: hidden; from the .archivedesc class
Commentary Pages
Let's give media a tad more spacing:figure {margin: 2rem 0; }
For headings: add a bit more space to margin on top, and little less below:
.post-content p+h2 {
margin-top: 4rem;
}
.post-content h2 {
margin-bottom: 1rem;
}
reduce margin after "NOTES" heading: .footnotes ol {margin-top: 0.25rem;}
Footnotes should be the regular body text, not post-content paragraph text. To fix this, line 27 in _typography.scss to .post-content > p, so only direct child paragraphs are impacted.
Give .post-lede and .post-title a max-width of 700px
Footer
Mail icon is using the incorrect icon. It should be \e81b.
image
closes #247
Commentary & Archive Pages There is a gap between the end of the gradient and the beginning on the footer image on commentary and archive pages. Note: The issue is being caused by the percentages in the gradient, not the footer image. It should be updated to the below. On the archive pages, you can also adjust the value of the bottom property on .archivecontent::after background-image: linear-gradient(180deg,rgba(14,26,44,0),rgba(14,26,44,.8) 80px,#081324 120px,#081324 97.7%,rgba(0,11,14,.01)); Archive Pages On the archive pages, the gray line on the side should be extended all the way to the post content. This can be done by removing the overflow: hidden; from the .archivedesc class
Commentary Pages Let's give media a tad more spacing:figure {margin: 2rem 0; } For headings: add a bit more space to margin on top, and little less below: .post-content p+h2 {
margin-top: 4rem; } .post-content h2 { margin-bottom: 1rem; } reduce margin after "NOTES" heading: .footnotes ol {margin-top: 0.25rem;}
Footnotes should be the regular body text, not post-content paragraph text. To fix this, line 27 in _typography.scss to .post-content > p, so only direct child paragraphs are impacted.
Give .post-lede and .post-title a max-width of 700px
Footer Mail icon is using the incorrect icon. It should be \e81b. image