記事間のグレーゾーンの削除
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheL6ICh_GBuOLxSGCzu4eh6Kob14nbx1Gt5onYxZ9YoTaUt2P7yO1GW51NnGLW8_Gxl3ag_4IElB0funb_L8-hy-9cavJVt8NP8rjLSSULD_I7DTqWLLTXwthQT85myzNa5t4G16Wp6do/s1600/bloggerlogo-large.png)
トップページの記事間のグレーゾーンが見た目にきになるため、ちょっと修正しました。
原因は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設定をコメントアウト(/* 〜 */はコメントとなり、コメントにすることをコメントアウトと呼びます)して無効化します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmOz8Yn0sp1LVIdjDz4TaI_aHCZNSCoetT2HxmXqHWsdnfcvxj6GYSx0eycTKEmsvwqok0i-1GJnch-tfehhaTpxSX63oOLjeBntXkKSgLZm0EYZsqhnpgcaLJ25rJCuw6e4jLXKD8lnQ/s1600/clear-inter-grayzone.png)
記事一覧が少しすっきりした気がします。