はてなブログに貼ったgistのスタイルがぶっ壊れた

先日、gistが一新されてよりいい感じになってた。

イカスと思っていたのだけど、はてなブログに貼ったgistの見た目がアッーになってて残念な感じなので、直しておこうと思う。

ぶっ壊れた様子をキャプチャした。

原因は僕が使ってるはてなブログのテーマに関係があって、preタグにbox-shadowが指定されてることが原因のようだ。

単純にgistの場合だけ、preタグについたプロパティを打ち消すようにデザインCSSへ追記するのみでよい。

.gist pre {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

前はなってなかったと思うんだけど、なにぶん はてなブログに移行した話 - ニヤニヤシテル噺 に書いたように、面倒くさい移行をしたので、実はあまり覚えてない。

とにかくダサいし、見にくいので直したほうがいいですね！