記事間のグレーゾーンの削除
トップページの記事間のグレーゾーンが見た目にきになるため、ちょっと修正しました。
原因はpost-footerのpadding
グレーゾーンが発生する要因を確認してみると、CSSでpost-footerにpaddingが設定してあるためでした。
このpaddingを0にするとグレーゾーンを消すことができます。
.post-footer {
margin: 20px -2px 0;
/* padding: 5px 10px; */
padding: 0px 0px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
元のpadding設定をコメントアウト(/* 〜 */はコメントとなり、コメントにすることをコメントアウトと呼びます)して無効化します。
記事一覧が少しすっきりした気がします。