hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

Sass -思いだせ!俺!

やっと新規で案件をすることになったのでsassでやろーとおもったら、、
え、なにこれ、どやって使ってたっけ。。って愕然となったのでメモ。
sassとcompassのインストールは前回やっているのでOK。
使い方だけを復習。

■おさらい
sassはコマンドラインでscssを「watch」させ、その内容をcssに置き換えたファイルを吐き出してつかうのでした。
.scssファイルはてけとーにテキストエディタで作れる

コマンドライン叩いて、どこのscss触ったらどこのcssを上書きしろと命令するのが基本

コマンドライン毎回叩くのがめんどいのでCompass入れて、設定ファイルクリックでcmdを開始させることができる
まず下記記事参考にサイトのルートディレクトリに「config.rb」という名前でディレクトリなどの基本情報を保存
http://www.skyward-design.net/blog/archives/000118.html


「compass watch」とだけ書いたファイルを、「compass_start.bat」という名前でconfig.rbと同じディレクトリに置く
ダブルクリックすると目的のディレクトリに移動した状態でコマンドプロンプトが開始され、.scssの変更が監視される

やばいやばい。


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください