WordPressの検索フォームをレスポンシブに対応するSass(CSS)のコード
WordPressのウィジェットや関数get_search_form()で出力される検索フォームをレスポンシブに対応するSassとCSSのコードを公開いたします。 ブラウザは最新のモノしか考慮していないのでご了承ください […]
タグ: Compass 記事一覧
Compassのimport-onceでエラー。コンパイル時に「No such file or directory」が出る場合の解決方法
Compassのコンパイル速度を向上させる効果のあるimport-onceですが、とある状況下（自分のOSはWindows 7やWindows 10）でコンパイルをすると以下の様なエラーを吐き出します。 これ、何が原因か […]
フォントサイズのrem指定をCompassのMixinと関数で行う
クリスマスイブまで4日なのに今からアドベントカレンダーをやるとかちょっと意味が分からない宣言ですが、せっかくなので「アドベントカレンダーやってるよ！」という雰囲気を出すためブログを連日更新してみます。（なんか技術者っぽい […]
助かりました。CSS3やSass & Compassのコードを生成するWebツール『CREATE CSS3』
Compassを使って要素を回転させる処理をしたいなと調べていたら、まさにこの要望を補助してくれるツール「CREATE CSS3」を発見したのでご紹介します。 Webツール『CREATE CSS3』 使い方はとっても簡単 […]
CompassのVertical Rhythmがrem単位に対応していたので、軽い使い方について
Vertical Rhythmを実装する機能は元々Compassにあったのですが、rem単位への対応がイマイチでした。 rem単位はIE8以下には対応できず、同時にpx指定も必要なのですが、CompassのVertica […]
Susyを使おうとしたらNo such framework: “susy”のエラー
レスポンシブグリッドレイアウトが組めるSass/Compassベースのフレームワーク「Susy」を使おうとしたところ「No such framework: “susy”」というエラーが発生。Sus […]
Compassのsingle-text-shadowに引数を渡すときの使い方。公式リファレンスの方法では使えない？
SASSと、そのフレームワークであるCompassを使ってテキストに影を付けようとしたときの話です。 テキストに影を付けたい場合、Compassが提供しているmixinsingle-text-shadowを使えばチョチョ […]
PhpStormでSCSS(SASS)ファイルをCompassでコンパイルする方法とMacの場合の注意点
MacでPhpStormを使っていて、CompassでSCSSファイルをコンパイルしようとしたらエラーが起きたので、その回避策の次いで使い方も一緒に書いておくことにしました。（WebStormも同様です） 以下の２つが既 […]
SASSファイルをWindowsコマンドプロンプトから文字化けさせずにコンパイルする方法
SASSファイルをWindowsコマンドプロンプトからコンパイルすると、僕の環境では主に日本語が文字化けします。 SASSファイルから生成したCSSファイルを直接弄るワケでもないので特に問題は無いと思っていたのですが、C […]