Gistの埋め込みが崩れる(2013/02)

スポンサーリンク

Gistの埋め込みのスクリプトで吐き出されるHTMLが変わっていて、また崩れる羽目に…
class名が変わっていて、アンダースコアだった部分はハイフンに変わったようです。

あと、tableを使っていて、他のスタイルとの兼ね合いで、よけいな罫線が引かれてしまっていたので、そこもクリアするようにしました。

今のところ、下記のようなCSSをあてています。
(またclass名変わると面倒なので、おおざっぱにgist-data配下で指定するようにしました)

.gist-data {
  word-break: normal;
}

.gist-data table {
  margin: 0;
  border: none;
}

.gist-data tr,
.gist-data td {
  border: none;
}

.gist-data pre {
  overflow: visible;
}

それと、Gistの各種URLにIDが付くようになったのですが、はてなダイアリーだと、埋め込みに対応していないので、昔のURLに変えて張り付ける必要があります。(2013/02/24時点)