2015年7月2日

記事間のグレーゾーンの削除


トップページの記事間のグレーゾーンが見た目にきになるため、ちょっと修正しました。

原因は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設定をコメントアウト(/* 〜 */はコメントとなり、コメントにすることをコメントアウトと呼びます)して無効化します。



記事一覧が少しすっきりした気がします。