やろーじだい

ブログと技術メモです。なにかあればより詳細に書こうということで最初は雑に書くようにしています。質問・要望等あれば Twitter かコメントに下さい。

Gist を使ってはてなの CSS を管理する場合の Responsive 宣言につい

起こった問題

デザイン CSS で Gist を参照するようにしたら使っているテーマがレスポンシブデザインに対応しなくなった。

原因と解決

まず公式で提供されているレスポンシブデザインに対応したテーマを利用する場合、レスポンシブを有効にする際には以下のような宣言を付ける必要がある。

/* Responsive: yes */

この宣言を Gist の方に置いてしまうと宣言が有効にならないことがわかった。そのため管理画面のデザインCSSに以下のように記述する。

@import url(https://rawgit.com/iyahoo/819bb5f270f221d0be5b8f996885f85e/raw/adding.css);

/* Responsive: yes */