Windows環境にSASS、COMPASSをインストールする。@thorikiriのてょりっきスマートフォン用の表示で見る@thorikiriのてょりっき@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです2013-09-03Windows環境にSASS、COMPASSをインストールする。cssSASSはgem経由でインストールしますので、予めrubyとgemを使えるようにしておく必要があります。-v2.0.3SASSのインストールインストールは次のコマンドで。プロキシ環境では予め設定しておきましょう*1。COMPASSをインストールすれば、SASSも入るらしいので、この手順は飛ばしてもOKです。installedこれでインストールが出来ましたので、確認してみます。Mark)これだけですね。簡単なファイルで試してみます。#f9f9f9こんなsample.sassファイルを作成し、コマンドを打って確かめてみます。sample.css||>これでOK、sample.cssを確認してみると次の通りです。}COMPASSのインストールCOMPASSをインストールします。こちらもgemでインストールするので、コマンド一発ですね。installedこれでインストールできたので、確認してみます。http://umdf.org/compassはい、大丈夫ですね。COMPASSを試してみる設定ファイル等書く必要があるのですが、コマンド一発でひな形を作ってくれるので、それを利用してみます。<![endif]--></head>>||はい、出来上がりました。sassフォルダの中に、sassファイルを作っていけばOKです。先ほどのsample.sassを置いて、コンパイルしてみます。stylesheets/screen.cssこれでコンパイルできることが確認できましたね。毎回コンパイルするのも面倒なので、保存したら自動的にコンパイルするようにしましょう。Stop.とすればOKです。COMPASSと言えば、便利なmix-inが使えることですよね。先ほどのsample.sassにborder-radiusでもつけてみましょう。compassをインポートして、border-radisuをインクルードして保存します。border-radius()保存すると、自動的にコンパイルされているはずですので、出来上がったファイルを確認してみます。5px;}ちゃんと指定されていますね。15:26Windows環境にSASS、COMPASSをインストールする。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。