私は現在、scssとコンパスが初めてです。私は最近それについて聞いて、自分のプロジェクトで学び、仕事をしようとしています. ただし、コマンドラインを使用して scss ファイルをコンパイルしています。コンパスのソース ファイルは次の場所からダウンロードしました。
https://github.com/chriseppstein/compass/tree/stable/frameworks/compass
コンパスでグラデーションを使用しようとしています。コンパスフォルダーから_imagesファイルをインポートし、グラデーションの作業を開始しました。出力は得られますが、勾配は機能していません。これがscssの私のコードです:
@import "compass/css3/images";
.testgradient { 幅:300px; 高さ:300px; フロート:左;
@include 背景(
linear-gradient(top left, #333, #0c0)
); }
css出力:
.testgradient {
width: 300px; height: 300px; float: left;
background: -owg(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -webkit(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -moz(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -o(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false); }
出力からわかるように、プレフィックスが適切に定義されていません。Google で検索するのにうんざりしています。間違っている場合は教えてください。
どんな助けでも大歓迎です。前もって感謝します。
編集:Windows PCにRubyをインストールし、次のコマンドを入力してコマンドラインからsassとcompassをインストールしました。
gem install compass
gem install sass
これら2つのコマンドを使用して、コンパスとsassをインストールし、コンパイルしました
sass --watch --style compressed path1:path2